/* =========================================================================
   TOKENS.CSS — дизайн-токены сайта (Фаза 1 пилот)
   Подключается ГЛОБАЛЬНО до portal-preview.css.
   Неймспейс --sp-* : единственный источник правды для новых стилей.
   Старые переменные (--ink-*, --r-card и т.д.) продолжают жить
   в portal-preview.css, пока идёт миграция по секциям.
   ========================================================================= */

:root {
    /* --- Surfaces --- */
    --sp-bg-canvas: #F8FAFC;
    --sp-bg-surface: #FFFFFF;
    --sp-night: var(--ds-ink-950); /* тёмный холст мобильного hero (A3) */

    /* --- Ink (Slate) --- */
    --sp-ink-900: #090E17;        /* заголовки десктопа */
    --sp-ink-800: #0F172A;        /* primary-кнопка, сильный текст */
    --sp-ink-700: #1E293B;        /* hover primary, secondary-текст */
    --sp-ink-600: #334155;
    --sp-ink-500: #475569;        /* лид-абзац */
    --sp-ink-400: #64748B;        /* подписи, reassurance */
    --sp-ink-300: #94A3B8;

    /* --- Lines --- */
    --sp-line: #E2E8F0;
    --sp-line-glass: rgba(226, 232, 240, 0.8);

    /* --- Accent: «жилетка» (пипетка с фото инженера, A3) --- */
    --sp-vest: #22345C;
    --sp-vest-deep: #16233F;
    --sp-vest-ice: #9DB8E8;
    --sp-vest-soft: #EEF3FB;
    --sp-scrim-rgb: 11 18 32;     /* rgb-триада для scrim: rgb(var(--sp-scrim-rgb) / .82) */

    /* --- On-dark (поверх фото) --- */
    --sp-on-dark: #FFFFFF;
    --sp-on-dark-muted: rgba(248, 250, 252, 0.92);

    /* --- Glass (ТОЛЬКО на фото/движущемся фоне, не на плоских светлых секциях) --- */
    --sp-glass-bg: rgba(255, 255, 255, 0.10);
    --sp-glass-line: rgba(255, 255, 255, 0.18);
    --sp-glass-blur: 14px;
    --sp-card-glass: rgba(255, 255, 255, 0.92); /* десктоп-метрики */
    --sp-blur: 16px;

    /* --- Emerald legacy (бейдж региона, live-dot — миграция на DS brand) --- */
    --sp-emerald-bg: var(--ds-brand-soft);
    --sp-emerald-line: var(--ds-brand-line);
    --sp-emerald-ink: var(--ds-brand);
    --sp-emerald-dot: var(--ds-brand);

    /* --- Type --- */
    --sp-font-display: var(--ds-font-display);
    --sp-font-ui: var(--ds-font-body);

    /* --- Radius --- */
    --sp-r-xs: 4px;
    --sp-r-sm: 8px;
    --sp-r-md: 12px;
    --sp-r-lg: 16px;
    --sp-r-xl: 20px;
    --sp-r-pill: 999px;

    /* --- Buttons System (CRM & Portal) --- */
    --sp-btn-h-lg: 44px;
    --sp-btn-h-md: 36px;
    --sp-btn-h-sm: 28px;
    --sp-btn-h-xs: 24px;
    --sp-btn-r: var(--sp-r-sm);
    --sp-btn-r-pill: var(--sp-r-pill);

    /* --- 2-Accent Semantic Status System (CRM & Workspaces) --- */
    /* 1. Позитив / Успех (DS accent) */
    --sp-status-pos-ink: var(--ds-status-accent-ink);
    --sp-status-pos-bg: var(--ds-status-accent-bg);
    --sp-status-pos-line: var(--ds-status-accent-line);
    --sp-status-pos-dot: var(--ds-status-accent-dot);

    /* 2. Внимание / Дедлайн / Ошибка (Warm Family) */
    --sp-status-warm-ink: #B45309;
    --sp-status-warm-bg: #FFFBEB;
    --sp-status-warm-line: #FDE68A;
    --sp-status-warm-dot: #F59E0B;

    --sp-status-crit-ink: #DC2626;
    --sp-status-crit-bg: #FEF2F2;
    --sp-status-crit-line: #FECACA;
    --sp-status-crit-dot: #DC2626;

    /* 3. Нейтраль / Процесс / Этапы (Slate & Calm Brand) */
    --sp-status-neu-ink: #334155;
    --sp-status-neu-bg: #F1F5F9;
    --sp-status-neu-line: #CBD5E1;
    --sp-status-neu-dot: #64748B;

    --sp-status-accent-ink: #0369A1;
    --sp-status-accent-bg: #E0F2FE;
    --sp-status-accent-line: #BAE6FD;
    --sp-status-accent-dot: #0284C7;

    /* --- Elevation --- */
    --sp-shadow-soft: 0 4px 20px -2px rgba(15, 23, 42, 0.05), 0 1px 2px rgba(15, 23, 42, 0.02);
    --sp-shadow-card: 0 1px 3px 0 rgba(15, 23, 42, 0.04), 0 1px 2px -1px rgba(15, 23, 42, 0.04);
    --sp-shadow-cta: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 10px 30px rgba(11, 18, 32, 0.5);

    /* --- Motion (ease/duration как типографика: одна шкала на сайт) --- */
    --sp-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --sp-dur-fast: 0.2s;          /* hover/feedback */
    --sp-dur-base: 0.3s;          /* карточки, панельки */
    --sp-dur-enter: 0.7s;         /* вход hero-контента */
    --sp-dur-kb: 26s;             /* Ken Burns */

    /* --- Brand: ПрофСервис-Урал (DS-мост) --- */
    --sp-brand: var(--ds-brand);
    --sp-brand-hover: var(--ds-brand-deep);
    --sp-brand-deep: var(--ds-brand-deep);
    --sp-brand-glow: rgba(8, 86, 159, 0.45);
    --sp-brand-soft: var(--ds-brand-soft);
    --sp-brand-on-primary: #FFFFFF;
    --sp-brand-border: var(--ds-brand-line);
    --sp-brand-focus-ring: var(--ds-brand-soft-strong);
    
    /* --- Accent Cyan (Вариант B) --- */
    --sp-accent-cyan: #0EA5E9;
    --sp-accent-cyan-deep: #0369A1;
    --sp-accent-cyan-soft: #E0F4FE;
    --sp-accent-cyan-border: #A5E0FA;
    --sp-accent-cyan-focus-ring: rgba(14, 165, 233, 0.28);
    
    /* --- Accent Lime (миграция на мятный DS) --- */
    --sp-accent-lime: var(--ds-mint);
    --sp-accent-lime-deep: var(--ds-mint-ink);
    --sp-accent-lime-soft: var(--ds-mint-soft);
    --sp-accent-lime-border: var(--ds-mint-line);
    --sp-accent-lime-focus-ring: var(--ds-mint-soft);

    /* --- Z-index --- */
    --sp-z-bg: 1;
    --sp-z-scrim: 2;
    --sp-z-content: 10;
}