/**
 * Токены оформления Акции «Купи и выиграй с Атемарской».
 *
 * Это :root из PromoTemplate, перенесённый целиком: та же нейтральная палитра,
 * та же шкала отступов, те же радиусы и тени. Ничего «своего» здесь нет — когда
 * приедет брендбук (бриф, п. 12), правится только этот файл.
 *
 * Три набора имён, и все три ведут на одну палитру:
 *
 * 1. имена из theme.css PromoTemplate (--space-*, --radius-pill, --color-card,
 *    --color-header-*) — ими пользуется landing.css, перенесённый оттуда же;
 * 2. имена из lk/tokens.css PromoTemplate (--color-white, --color-heading,
 *    --font-text) — ими пользуется вёрстка кабинета;
 * 3. имена, которые вёрстка кабинета привезла из эталонной акции
 *    (--color-red, --color-blue-16, --color-gray-card). Переименовывать
 *    200 обращений в трёх тысячах строк незачем — заведены алиасами.
 *
 * Панель персонала держит свою палитру внутри
 * staff_panel/static/css/panel/dashboard.css — она и так из PromoTemplate.
 */
:root {
    /* ── Палитра PromoTemplate ─────────────────────────────────────────── */
    --color-bg: #ffffff;
    --color-surface: #f5f6f8;
    --color-card: #eef0f3;
    --color-text: #1a1c22;
    --color-muted: #676b76;
    --color-border: #e2e4e9;

    --color-header-bg: #23252b;
    --color-header-text: #ffffff;
    --color-header-muted: #a9acb6;
    --color-header-border: rgb(255 255 255 / 14%);

    --color-accent: #2f6feb;
    --color-accent-hover: #2559c4;
    --color-accent-contrast: #ffffff;

    --color-success: #1f8b4c;
    --color-success-bg: #e6f4ec;
    --color-error: #c62828;
    --color-error-bg: #fdeaea;
    --color-warning: #b26a00;
    --color-warning-bg: #fdf3e2;

    --font-base: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    --font-size: 16px;
    --line-height: 1.55;

    --space-xs: 0.5rem;
    --space-sm: 0.75rem;
    --space-md: 1.25rem;
    --space-lg: 2.5rem;
    --space-xl: 4rem;

    --radius-sm: 10px;
    --radius: 14px;
    --radius-lg: 24px;
    --radius-pill: 999px;
    --shadow: 0 2px 12px rgb(0 0 0 / 8%);
    --shadow-lg: 0 16px 40px rgb(0 0 0 / 14%);
    --container: 72rem;
    --container-narrow: 44rem;

    /* ── Имена из личного кабинета PromoTemplate ───────────────────────── */
    --color-white: #ffffff;
    --color-black: var(--color-text);
    --color-heading: var(--color-header-bg);
    --color-gray-card: var(--color-surface);
    --color-soft: var(--color-card);
    --font-text: var(--font-base);
    --font-title: var(--font-base);
    --header-height: 76px;

    /* ── Алиасы вёрстки кабинета из эталонной акции ────────────────────── */
    --color-red: var(--color-accent);
    --color-red-hover: var(--color-accent-hover);
    --color-blue-16: var(--color-header-bg);
    --color-yellow: var(--color-card);
    --color-border-blue: var(--color-border);

    /* ── Алиасы, которые остались в вёрстке этого проекта ──────────────── */
    --color-accent-dark: var(--color-accent-hover);
    --color-accent-soft: #e8effc;
    --color-brand: var(--color-header-bg);
    --color-brand-dark: #16181c;
    --color-surface-muted: var(--color-surface);
    --color-text-muted: var(--color-muted);
    --color-text-inverse: #ffffff;
    --color-danger: var(--color-error);
    --font-display: var(--font-base);
    --container-width: var(--container);
    --container-gutter: var(--space-md);
    --section-gap: var(--space-xl);
    --radius-md: var(--radius);
    --shadow-card: var(--shadow);
    --shadow-modal: var(--shadow-lg);

    --text-xs: 0.8rem;
    --text-sm: 0.9rem;
    --text-md: 1rem;
    --text-lg: 1.15rem;
    --text-xl: 1.5rem;
    --text-2xl: 2.25rem;
}