/* English LMS — дизайн-токены. Палитра «Sage & Sand»: пастельные поверхности, глубокие чернила.
   Правило: пастель = фон/тон, глубокий тон = текст и интерактив (контраст WCAG AA просчитан). */

:root {
    /* Поверхности — осветлены на ~40% к белому, меньше зелёного */
    --canvas: #fdfdfb;
    --canvas-alt: #fbfaf8;
    --surface: #ffffff;
    --surface-sunken: #fcfcfa;
    --surface-raised: #ffffff;

    /* Линии — светлее и нейтральнее */
    --border-subtle: #f3f1ec;
    --border: #ece9e2;
    --border-strong: #ddd9d0;

    /* Текст. Все три ступени проходят WCAG AA (4.5:1) для мелкого текста на любой
       светлой поверхности проекта, включая тинты статусов — axe проверяет это в CI.
       Минимумы: text 11.4:1, muted 6.2:1, subtle 4.7:1 (худший фон — accent-100). */
    --text: #2a2e35;          /* 13.0:1 на canvas, 13.6:1 на surface */
    --text-muted: #5b554c;    /* 7.0:1 на canvas, 7.4:1 на surface */
    --text-subtle: #6e675f;   /* 5.3:1 на canvas — AA даже для 11px подписей */
    --text-inverse: #ffffff;
    --link: #35614a;          /* 6.7:1 на canvas */
    --link-hover: #264634;

    /* Акцент — шалфей, осветлён: меньше зелёного, ближе к белому */
    --accent-50: #f7faf7;
    --accent-100: #eef4ef;
    --accent-200: #d9e6da;
    --accent-300: #b6cdb8;
    --accent-400: #8eb393;
    --accent-500: #5c8a66;
    --accent-600: #466e51;
    --accent-700: #3f5a47;    /* чернила акцента, 7.6:1 с белым */
    --accent-800: #33493a;
    --accent-900: #26372c;
    --accent: var(--accent-700);
    --accent-hover: var(--accent-800);
    --accent-tint: var(--accent-100);
    --accent-soft: var(--accent-50);
    --on-accent: #ffffff;

    /* Второй акцент — песок (декор, выделения, иллюстрации прогресса) */
    --sand-100: #f6efe4;
    --sand-200: #ead9c0;
    --sand-300: #dcc4a2;
    --sand-600: #a9855a;
    --sand-800: #6f5735;

    /* Третий акцент — бирюза (воздушный UI, чипы, CTA-подсветка).
       Тёмные чернила держат AA: 7.1:1 на белом, светлые — только как фон. */
    --turquoise-50: #e8f8f7;
    --turquoise-100: #c8ece9;
    --turquoise-200: #9cd9d3;
    --turquoise-300: #63c3bc;
    --turquoise-500: #2a9d94;
    --turquoise-600: #23847d;
    --turquoise-700: #1e6e68;   /* 7.1:1 на белом, 5.1:1 на turquoise-50 */
    --turquoise-800: #185a55;
    --turquoise: var(--turquoise-600);
    --turquoise-ink: var(--turquoise-700);
    --turquoise-bg: var(--turquoise-50);

    /* Обложки — осветлены, ближе к белому, меньше зелёного */
    --cover-1: linear-gradient(135deg, #f2fbf9 0%, #e6f3ea 45%, #fdf6ec 100%);
    --cover-2: linear-gradient(135deg, #f3f1fe 0%, #e6e3f7 50%, #f2fbf9 100%);
    --cover-3: linear-gradient(135deg, #fdf6ec 0%, #f0e3cc 50%, #fdf0ed 100%);
    --cover-4: linear-gradient(135deg, #f1f7f2 0%, #dde9df 50%, #f2fbf9 100%);
    --cover-5: linear-gradient(135deg, #fdf6e3 0%, #f3e6c2 50%, #fdf6ec 100%);
    --cover-6: linear-gradient(135deg, #fdf0ed 0%, #f5ddd8 50%, #f3f1fe 100%);
    --cover-7: linear-gradient(135deg, #f0f5fb 0%, #dbe7f5 50%, #f3f1fe 100%);
    --cover-8: linear-gradient(135deg, #fdfdfb 0%, #f5f2eb 50%, #eef4ef 100%);

    /* Данные и визуализация — перивинкл, осветлён */
    --info-bg: #f3f1fe;
    --info-ink: #4c4a8a;      /* 6.8:1 на info-bg */
    --info-border: #e2dff6;

    /* Семантика: tint-фон + ink-текст + border — светлее */
    --success-bg: #eef6f0;
    --success-ink: #2f6b45;   /* 5.5:1 */
    --success-border: #d9e9dd;

    --warning-bg: #fdf6e3;
    --warning-ink: #7a5c10;   /* 5.6:1 */
    --warning-border: #f2e4c0;

    --danger-bg: #fdf0ed;
    --danger-ink: #a03a2c;   /* 5.8:1 */
    --danger-border: #f4ddd8;

    --neutral-bg: #f5f3ef;
    --neutral-ink: #5b564e;
    --neutral-border: #ece9e2;

    /* Статусы работ */
    --st-new-bg: var(--neutral-bg);
    --st-new-ink: var(--neutral-ink);
    --st-submitted-bg: var(--warning-bg);
    --st-submitted-ink: var(--warning-ink);
    --st-in-review-bg: var(--info-bg);
    --st-in-review-ink: var(--info-ink);
    --st-revision-bg: var(--danger-bg);
    --st-revision-ink: var(--danger-ink);
    --st-checked-bg: var(--success-bg);
    --st-checked-ink: var(--success-ink);

    /* Геометрия */
    --r-xs: 4px;
    --r-sm: 6px;
    --r-md: 10px;
    --r-lg: 14px;
    --r-xl: 20px;
    --r-pill: 999px;

    --sp-1: 2px;
    --sp-2: 4px;
    --sp-3: 8px;
    --sp-4: 12px;
    --sp-5: 16px;
    --sp-6: 20px;
    --sp-7: 24px;
    --sp-8: 32px;
    --sp-9: 40px;
    --sp-10: 56px;

    /* Тени — очень мягкие, минимализм */
    --shadow-1: 0 1px 2px rgba(42, 46, 53, 0.05);
    --shadow-2: 0 2px 6px rgba(42, 46, 53, 0.06), 0 1px 2px rgba(42, 46, 53, 0.04);
    --shadow-3: 0 12px 32px rgba(42, 46, 53, 0.1), 0 2px 8px rgba(42, 46, 53, 0.05);
    --ring: 0 0 0 3px var(--accent-200);

    /* Типографика: системный стек с кириллицей; Inter подхватится, если установлен локально.
       Никаких внешних загрузок шрифтов — приватность и работа офлайн. */
    --font-ui: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", "Noto Sans",
        "Helvetica Neue", Arial, sans-serif;
    --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Mono", Menlo, Consolas,
        monospace;

    --fs-11: 0.6875rem;
    --fs-12: 0.75rem;
    --fs-13: 0.8125rem;
    --fs-14: 0.875rem;
    --fs-15: 0.9375rem;
    --fs-16: 1rem;
    --fs-18: 1.125rem;
    --fs-20: 1.25rem;
    --fs-24: 1.5rem;
    --fs-30: 1.875rem;
    --lh-tight: 1.25;
    --lh: 1.55;
    --lh-loose: 1.7;
    --tracking-tight: -0.011em;
    --tracking-wide: 0.04em;

    /* Движение */
    --dur-1: 100ms;
    --dur-2: 160ms;
    --dur-3: 240ms;
    --ease: cubic-bezier(0.2, 0.8, 0.2, 1);

    /* Слои */
    --z-rail: 20;
    --z-topbar: 40;
    --z-sticky: 50;
    --z-drawer: 80;
    --z-modal: 90;
    --z-toast: 100;

    /* Размеры интерфейса */
    --topbar-h: 60px;
    --nav-w-expanded: 232px;
    --nav-w-collapsed: 76px;
    --rail-w: 288px;
    --aside-w: 320px;
    --content-max: 1440px;
    --touch: 44px;
}

/* Плотный режим для журнала и очередей */
[data-density="compact"] {
    --sp-5: 12px;
    --sp-6: 14px;
    --sp-7: 18px;
    --fs-14: 0.8125rem;
}