/* ============================================================
   RoomInPMS — tokens.css: ЕДИНЫЙ ИСТОЧНИК дизайн-токенов сайта
   ------------------------------------------------------------
   Подключается ПЕРВЫМ на всех страницах (до app.css и pages/*.css).
   :root переехал сюда из app.css (SSOT-волна 2026-07-16, находка S-1
   снапшота «Site — фронтенд и админка»). Новые цвета/радиусы/тайминги —
   ТОЛЬКО здесь; в page-CSS — var(--токен), не хардкод.

   Металлы тарифов: канон = backend subscription_tiers.json (TierCatalog),
   зеркало приложения — PlanMetalVisuals.kt. Меняешь цвет металла —
   синхронно в backend-каталоге, приложении и здесь.

   Осознанные локальные переопределения поверх этих токенов:
   manage.css:root (--danger/--warn и 400-палитра админки, NEW-A-1).
   ============================================================ */

:root {
    /* Палитра */
    --bg-0:           #050505;          /* основной фон */
    --bg-1:           #0a0a0a;          /* поверхность */
    --bg-2:           #111111;          /* приподнятая поверхность */
    --bg-3:           #181818;          /* hover */
    --line:           rgba(255,255,255,0.06);
    --line-strong:    rgba(255,255,255,0.12);

    --text-0:         rgba(255,255,255,0.95);
    --text-1:         rgba(255,255,255,0.7);
    --text-2:         rgba(255,255,255,0.56); /* NEW-A-4: было 0.45 (~4.2:1), поднят до ≥4.5:1 WCAG AA */
    --text-3:         rgba(255,255,255,0.28);

    /* Золото бренда (KB #712: ключевые суммы — золотым) */
    --gold:           #c9a24e;
    --gold-soft:      rgba(201,162,78,0.7);
    --gold-bg:        rgba(201,162,78,0.10);
    --gold-bright:    #f0c878;           /* блик; = стоп канона Метеорита */
    --gold-pale:      #f3d28a;           /* светлый золотой акцент */

    --accent:         #e2b35a;           /* WalletGold */
    --success:        #10b981;
    --warn:           #f59e0b;
    --danger:         #ef4444;
    --info:           #60a5fa;

    /* Статусная 400-шкала — де-факто стандарт page-CSS (S-4).
       Полная канонизация 500↔400 — отдельным шагом со скриншот-диффом. */
    --success-400:    #34d399;
    --danger-400:     #f87171;
    --warn-400:       #fbbf24;
    --ok-bright:      #4ade80;
    --accent-alt:     #a78bfa;

    /* Металлы тарифов (accent-канал чипов + канонические стопы градиентов) */
    --metal-bronze-accent:     #d9954a;
    --metal-steel-accent:      #bcc1d2;
    --metal-mithril-accent:    #8ad4f5;
    --metal-adamantine-accent: #b9a6ff;
    --metal-meteoric-accent:   #e2b35a;
    --metal-bronze-1:     #cd7f32;  --metal-bronze-2:     #b06a23;
    --metal-steel-1:      #d8d8e0;  --metal-steel-2:      #a8a8b0;
    --metal-mithril-1:    #7ed7ff;  --metal-mithril-2:    #b8e0ff;
    --metal-adamantine-1: #4c3b78;  --metal-adamantine-2: #2e2447;
    --metal-meteoric-1:   #e2b35a;  --metal-meteoric-2:   #f0c878;  --metal-meteoric-3: #c89548;

    /* Радиусы */
    --r-xs: 4px;
    --r-sm: 6px;
    --r-md: 10px;
    --r-lg: 14px;
    --r-xl: 20px;
    --r-pill: 999px;

    /* Тени */
    --shadow-1: 0 1px 2px rgba(0,0,0,0.3);
    --shadow-2: 0 4px 16px rgba(0,0,0,0.4);
    --shadow-3: 0 16px 48px rgba(0,0,0,0.55);

    /* Сетка */
    --sidebar-w: 260px;
    --sidebar-w-mini: 72px;
    --topbar-h: 56px;

    /* Тайминги анимаций (+ де-факто стандарты страниц 0.2s/0.35s, S-10) */
    --t-fast: 0.15s;
    --t-mid:  0.2s;
    --t-base: 0.25s;
    --t-page: 0.35s;
    --t-slow: 0.4s;
    --ease: cubic-bezier(0.22, 1, 0.36, 1);

    /* Слои (S-9): единая z-шкала. overlay > cookie > fab,
       чтобы onboarding-модалка перекрывала баннер и языковой FAB (L-1/R-2) */
    --z-nav:      100;
    --z-dropdown: 1000;
    --z-fab:      9980;
    --z-cookie:   9990;
    --z-modal:    10000;
    --z-overlay:  10010;
    --z-toast:    99999;

    /* Шрифтовые стеки (S-12): определения; пересадка стеков — шаг 9 плана */
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, 'Courier New', monospace;
    --font-hand: 'Kalam', cursive;
}