/* ============================================================
   TOKENS.CSS — токены для АВТОНОМНЫХ документов.
   Нужен только тем страницам, которые НЕ подключают style.css:
   iframe-превью (img-*.html) и reset-password.html.
   iframe — отдельный документ и :root от родителя НЕ наследует.

   Обычные страницы берут токены из style.css (там :root свой).
   ВАЖНО: значения здесь и в style.css должны совпадать.
   ============================================================ */

:root {
    /* ФОНЫ — 3 уровня глубины */
    --bg-dark: #030308;
    --bg-surface: #0b0d14;
    --bg-surface-2: #12141d;
    --bg-panel: rgba(20, 20, 35, 0.4);

    /* ГРАНИЦЫ */
    --border: rgba(255, 255, 255, 0.07);
    --border-strong: rgba(255, 255, 255, 0.13);
    --glass-border: var(--border);
    --glass-shine: rgba(255, 255, 255, 0.03);

    /* БРЕНД */
    --primary: #6366f1;
    --primary-deep: #252262;   /* главная кнопка: ночной индиго */
    --primary-deep-hover: #2e2a7a;   /* hover главной кнопки */
    --primary-deep-edge: rgba(255, 255, 255, 0.09);   /* светлая кромка главной кнопки */
    --overlay-bg: rgba(0, 0, 0, 0.7);   /* затемнение под модалками (значение из auth.css) */
    --primary-rgb: 99, 102, 241;
    --primary-hover: #7a80f4;
    --primary-text: #9aa2f8;
    --primary-bg: rgba(99, 102, 241, 0.10);
    --primary-border: rgba(99, 102, 241, 0.25);
    --primary-glow: #a78bfa;

    /* СЕМАНТИКА — приглушённая */
    --success: #31c48d;
    --success-rgb: 49, 196, 141;
    --success-bg: rgba(49, 196, 141, 0.10);
    --warning: #e3ae45;
    --warning-rgb: 227, 174, 69;
    --warning-bg: rgba(227, 174, 69, 0.10);
    --danger: #e06c6c;
    --danger-rgb: 224, 108, 108;
    --danger-bg: rgba(224, 108, 108, 0.10);
    --info: #5ea3f5;
    --info-rgb: 94, 163, 245;
    --info-bg: rgba(94, 163, 245, 0.10);

    /* ДОП. АКЦЕНТЫ */
    --secondary: #06b6d4;
    --accent: #c855e0;

    /* ТЕКСТ — 3 уровня */
    --text-main: #f8fafc;
    --text-secondary: #a3aabd;
    --text-dim: #6f7688;
    --text-muted: #94a3b8;

    /* РАЗМЕРЫ ТЕКСТА */
    --fs-2xs: 0.72rem;
    --fs-xs: 0.875rem;
    --fs-sm: 0.9375rem;
    --fs-base: 1rem;

    /* ШРИФТЫ */
    --font-heading: 'Outfit', sans-serif;
    --font-body: 'Space Grotesk', sans-serif;
    --font-mono: 'SF Mono', 'JetBrains Mono', Consolas, monospace;

    /* --- добавлено при редизайне --- */
    --fs-lg: 1.125rem;   /* 18px — подзаголовки h3 */
    --fs-xl: 1.375rem;   /* 22px — h2 */
    --fs-2xl: 1.75rem;   /* 28px — h1 внутри страниц */

    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-6: 24px;
    --space-8: 32px;

    --radius-sm: 6px;
    --radius: 10px;
    --radius-lg: 14px;

    --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.35);

    --accent-rgb: 200, 85, 224;

    /* LEGACY-АЛИАСЫ: использовались в коде, но нигде не были объявлены
       (--bg-main в seo-audit/page-comparison, --bg-card, --bg-primary).
       Молча рисовались пустотой. Вычищать при миграции страниц. */
    --bg-main: var(--bg-dark);
    --bg-card: var(--bg-surface);
    --bg-primary: var(--bg-dark);
}