/*
 * tokens.css — переменные оформления: цвет, типографика, отступы, радиусы, линии.
 *
 * Тема — «государственный архив и дипломатическая переписка»: чернила и бумага,
 * окисленная латунь как акцент. Две схемы через prefers-color-scheme с одинаковой иерархией.
 * Внешних шрифтов нет: только системные стеки.
 */

:root {
    color-scheme: light dark;

    /* Цвет — светлая схема (бумага) */
    --bg: #f5f1e8;
    --surface: #fffdf8;
    --surface-2: #efe8db;
    --border: #ddd3c2;
    --border-strong: #c6b89f;
    --text: #1d1a16;
    --muted: #6b6255;
    --accent: #8a6a1f;
    --accent-contrast: #fffdf8;
    --success: #3f7a3a;
    --danger: #a94438;
    --info: #3c5f8f;

    --accent-soft: rgba(138, 106, 31, 0.07);
    --success-soft: rgba(63, 122, 58, 0.07);
    --danger-soft: rgba(169, 68, 56, 0.12);
    --info-soft: rgba(60, 95, 143, 0.12);
    --muted-soft: rgba(107, 98, 85, 0.10);
    --focus: #8a6a1f;
    --grain: rgba(29, 26, 22, 0.035);
    --scrim: rgba(29, 26, 22, 0.42);
    --shadow-pop: 0 16px 40px rgba(29, 26, 22, 0.18);

    /* Типографика */
    --font-serif: Georgia, 'Iowan Old Style', 'Palatino Linotype', 'Times New Roman', serif;
    --font-sans: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

    --fs-xs: 0.72rem;
    --fs-sm: 0.83rem;
    --fs-base: 0.95rem;
    --fs-md: 1.05rem;
    --fs-lg: 1.3rem;
    --fs-xl: 1.7rem;
    --fs-2xl: 2.15rem;

    --lh-tight: 1.25;
    --lh-normal: 1.55;
    --track-kicker: 0.16em;

    /* Отступы */
    --sp-1: 4px;
    --sp-2: 8px;
    --sp-3: 12px;
    --sp-4: 16px;
    --sp-5: 24px;
    --sp-6: 32px;
    --sp-7: 48px;

    /* Радиусы (не более 16px) */
    --radius-xs: 3px;
    --radius-sm: 5px;
    --radius-md: 8px;
    --radius-lg: 12px;

    /* Линии вместо теней */
    --hairline: 1px solid var(--border);
    --hairline-strong: 1px solid var(--border-strong);
    --hairline-accent: 1px solid var(--accent);

    /* Метрики каркаса */
    --header-height: 58px;
    --content-max: 1140px;
    --narrow-max: 620px;
    --form-max: 460px;
    --game-aside: 336px;
    --tap: 44px;

    /* Движение — только функциональное */
    --dur-fast: 120ms;
    --dur-base: 160ms;
    --ease: cubic-bezier(0.2, 0.6, 0.3, 1);
}

@media (prefers-color-scheme: dark) {
    :root {
        --bg: #12100e;
        --surface: #1b1815;
        --surface-2: #232019;
        --border: #332e26;
        --border-strong: #4a4237;
        --text: #ece6dc;
        --muted: #a89e8d;
        --accent: #c8a45c;
        --accent-contrast: #1d1a16;
        --success: #6f9d6a;
        --danger: #c9776a;
        --info: #7d94b8;

        --accent-soft: rgba(200, 164, 92, 0.14);
        --success-soft: rgba(111, 157, 106, 0.15);
        --danger-soft: rgba(201, 119, 106, 0.15);
        --info-soft: rgba(125, 148, 184, 0.15);
        --muted-soft: rgba(168, 158, 141, 0.12);
        --focus: #c8a45c;
        --grain: rgba(236, 230, 220, 0.03);
        --scrim: rgba(0, 0, 0, 0.6);
        --shadow-pop: 0 18px 44px rgba(0, 0, 0, 0.55);
    }
}