/* =========================================
   Kalika Edu - Base Styles
   ========================================= */

/* --- Custom Variables --- */
:root {
    /* Brand Colors */
    --color-navy: #0F204B;     /* Primary - Credibility */
    --color-magenta: #D9186B;  /* Action/Energy */
    --color-teal: #008793;     /* Supporting visual */
    --color-orange: #F29111;   /* Accent/Warmth */
    --color-green: #70B82D;    /* Growth */

    /* Neutrals */
    --color-white: #FFFFFF;
    --color-black: #111111;
    --color-gray-50: #F9FAFB;
    --color-gray-100: #F3F4F6;
    --color-gray-200: #E5E7EB;
    --color-gray-600: #4B5563;
    --color-gray-800: #1F2937;

    /* Typography */
    --font-primary: 'Outfit', sans-serif;

    /* Layout */
    --section-pad-y: 5rem;
    --section-pad-x: 1.5rem;
    --border-radius-sm: 8px;
    --border-radius-md: 16px;
    --border-radius-lg: 24px;

    /* Effects */
    --shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
    --shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    --shadow-float: 0 25px 50px -12px rgba(15, 32, 75, 0.25);

    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* --- CSS Reset & Base --- */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    font-size: 16px;
    overflow-x: hidden;
}

body {
    font-family: var(--font-primary);
    color: var(--color-gray-800);
    background-color: var(--color-white);
    line-height: 1.6;
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 1rem;
    color: var(--color-navy);
}

a {
    text-decoration: none;
    color: var(--color-navy);
    transition: var(--transition-normal);
}

p {
    margin-bottom: 1.5rem;
    color: var(--color-gray-600);
}

ul {
    list-style: none;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
    /* Lightweight Asset Protection */
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

button {
    cursor: pointer;
    font-family: inherit;
    border: none;
    background: none;
}