/*
 * ReakPed dizayn tokenlari — "Cho'qqi" tizimi.
 *
 * Manba: dissertatsiya taqdimotining vizual olami — kunduzgi stadion, oq-havorang
 * qog'oz, institut ko'ki, maydon yashili va cho'qqi (akme) belgisi.
 *
 * Eski nomlar (--surface-glass, --text-primary, --color-primary-light ...) ichki
 * sahifalar (test, didaktik, sxema, kartochka, o'yin) tomonidan ishlatiladi, shuning
 * uchun ular saqlab qolingan va yangi qiymatlarga bog'langan.
 */
:root {
    /* === ASOSIY RANGLAR === */
    --qogoz: #f4f7fb;          /* sahifa foni — havorang oq */
    --qogoz-2: #ffffff;        /* kartalar */
    --qogoz-3: #e9eff7;        /* bo'rtma yuzalar */
    --qogoz-4: #dde6f1;        /* chuqurroq */

    --siyoh: #0f1f38;          /* asosiy matn */
    --siyoh-2: #35465f;        /* ikkilamchi matn */
    --siyoh-3: #66768c;        /* uchlamchi / yorliqlar */
    --siyoh-4: #8f9cb0;        /* xira */

    --chiziq: #d3dce8;         /* chegaralar */
    --chiziq-2: #b6c3d4;       /* kuchli chegaralar */

    --kok: #1d5fd6;            /* institut ko'ki — asosiy harakat */
    --kok-2: #164ab0;          /* hover */
    --kok-3: #0f325f;          /* chuqur — bosim, sarlavha urg'usi */
    --kok-yumshoq: #e6eefb;
    --kok-rgb: 29, 95, 214;

    --maydon: #2b9457;         /* maydon yashili — tayyor, muvaffaqiyat */
    --maydon-2: #217344;
    --maydon-yumshoq: #dff2e6;
    --maydon-rgb: 43, 148, 87;

    --oltin: #d9981a;          /* medal oltini — cho'qqi, e'tibor */
    --oltin-2: #b57b0d;
    --oltin-yumshoq: #fbefd0;
    --oltin-rgb: 217, 152, 26;

    --gil: #cf4a37;            /* yugurish yo'lagi gili — xato, ogohlantirish */
    --gil-yumshoq: #fbe3de;

    --binafsha: #6f4fd8;        /* diagnostika (statistika kartasi) */
    --binafsha-yumshoq: #efeafc;
    --sabzi: #e0731a;           /* ishonchlilik */
    --sabzi-yumshoq: #fdeede;

    /* === ESKI NOMLAR → YANGI QIYMATLAR === */
    --color-primary-darkest: var(--kok-3);
    --color-primary-dark: var(--kok-2);
    --color-primary: var(--kok);
    --color-primary-light: var(--kok);
    --color-primary-lighter: var(--maydon);
    --color-primary-lightest: var(--maydon-2);

    --color-accent: var(--oltin);
    --color-accent-dark: var(--oltin-2);
    --color-accent-light: var(--oltin-yumshoq);

    --color-secondary: #5a52b5;
    --color-secondary-light: #7a72d0;

    --color-white: #ffffff;
    --color-ink: var(--siyoh);
    --color-ink-soft: var(--siyoh-2);
    --color-muted: var(--siyoh-3);
    --color-muted-soft: var(--siyoh-4);

    --surface-canvas: var(--qogoz);
    --surface-deep: var(--qogoz-3);
    --surface-raised: var(--qogoz-2);
    --surface-glass: rgba(255, 255, 255, 0.82);
    --surface-glass-strong: #ffffff;
    --surface-glass-border: var(--chiziq);
    --surface-glass-border-strong: var(--chiziq-2);

    --text-primary: var(--siyoh);
    --text-secondary: var(--siyoh-2);
    --text-tertiary: var(--siyoh-3);
    --text-on-accent: #ffffff;

    --gradient-primary: linear-gradient(135deg, var(--kok) 0%, var(--kok-2) 100%);
    --gradient-primary-soft: var(--kok-yumshoq);
    --gradient-hero: linear-gradient(135deg, var(--kok) 0%, var(--kok-2) 100%);
    --gradient-accent: linear-gradient(135deg, var(--oltin) 0%, var(--oltin-2) 100%);
    --gradient-ink: var(--qogoz);
    --gradient-text: linear-gradient(135deg, var(--kok-3), var(--kok));
    --gradient-glow: radial-gradient(ellipse at top, rgba(31, 90, 166, 0.1), transparent 70%);

    /* === SOYALAR (yengil, kunduzgi) === */
    --shadow-sm: 0 1px 2px rgba(15, 31, 56, 0.06), 0 1px 0 rgba(15, 31, 56, 0.04);
    --shadow-md: 0 10px 30px rgba(15, 31, 56, 0.08), 0 1px 3px rgba(15, 31, 56, 0.05);
    --shadow-lg: 0 20px 50px rgba(15, 31, 56, 0.12), 0 2px 6px rgba(15, 31, 56, 0.05);
    --shadow-glow: 0 8px 20px rgba(29, 95, 214, 0.25);
    --shadow-glow-accent: 0 10px 28px rgba(217, 152, 26, 0.25);
    --shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 0.9);

    /* === BURCHAKLAR — jiddiy, kichik === */
    --radius-xs: 3px;
    --radius-sm: 5px;
    --radius-md: 8px;
    --radius-lg: 14px;
    --radius-xl: 18px;
    --radius-2xl: 24px;
    --radius-pill: 999px;

    /* === BLUR === */
    --blur-sm: 6px;
    --blur-md: 10px;
    --blur-lg: 14px;
    --blur-xl: 20px;

    /* === ORALIQLAR === */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-20: 5rem;
    --space-24: 6rem;

    /* === JOYLASHUV === */
    --container-max: 1240px;
    --container-pad: clamp(1rem, 4vw, 2.5rem);
    --navbar-height: 84px;

    /* === HARAKAT === */
    --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
    --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
    --duration-fast: 160ms;
    --duration-base: 280ms;
    --duration-slow: 520ms;

    /* === SHRIFTLAR === */
    --font-sans: 'Source Sans 3', 'Segoe UI', system-ui, -apple-system, sans-serif;
    --font-display: 'Bricolage Grotesque', 'Segoe UI', system-ui, sans-serif;
    --font-mono: 'IBM Plex Mono', 'Cascadia Mono', Consolas, monospace;
}