/* ============================================================
   tokens.css — единый источник правды дизайн-системы СмИТ Биллинг
   Build 490 (2026-05-07): извлечён из theme-smit.css + base.html ЛК
   Подключается:
   - Админка: base_adminlte.html ПЕРЕД theme-smit.css
   - ЛК: lk/templates/lk/base.html ПЕРЕД lk-sidebar.css
   Любое изменение токенов отражается одновременно везде.
============================================================ */

:root {
    /* Brand */
    --brand-primary: #43b77a;
    --brand-primary-dark: #379963;
    --brand-primary-darker: #2f8556;
    --brand-primary-bg: #e8f5e9;
    --brand-primary-12: color-mix(in srgb, var(--brand-primary) 12%, transparent);
    --brand-primary-25: color-mix(in srgb, var(--brand-primary) 25%, transparent);
    --brand-accent: #3cbfae;
    --brand-accent-dark: #2f9b8d;

    /* Bootstrap-совместимые алиасы */
    --status-success: #28a745;
    --status-warning: #f0ad4e;
    --status-danger:  #e05555;
    --status-info:    #5bc0de;
    --status-neutral: #6c757d;

    /* Семантические alarm-states (более насыщенные, для прогресс-баров/KPI/чипов) */
    --smit-state-ok:     #198754;
    --smit-state-warn:   #fd7e14;
    --smit-state-danger: #dc3545;
    --smit-state-info:   #0dcaf0;
    --smit-state-muted:  #6c757d;

    /* Surfaces (light) */
    --surface-page:    #f5f6f8;
    --surface-card:    #ffffff;
    --surface-muted:   #f8f9f8;
    --surface-toolbar: #f8f9f8;
    --border-subtle:   #d5ddd5;
    --border-default:  #e0e0e0;

    /* Text */
    --text-primary:    #212529;
    --text-secondary:  #4a5568;
    --text-muted:      #6c757d;

    /* Focus & motion */
    --focus-ring:        rgba(67, 183, 122, 0.30);
    --focus-outline:     #43b77a;
    --shadow-sm: 0 1px 3px rgba(0,0,0,.05);
    --shadow-md: 0 4px 12px rgba(0,0,0,.10);
    --shadow-lg: 0 6px 24px rgba(0,0,0,.12);

    /* Radii */
    --radius-xs: 3px;
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 8px;
    --radius-pill: 999px;

    /* Spacing 8-pt scale */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;

    /* Typography */
    --font-ui: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-mono: ui-monospace, 'JetBrains Mono', Menlo, Consolas, monospace;
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-md: 0.9375rem;
    --font-size-lg: 1.05rem;

    /* Backwards-compat алиасы для ЛК (старый namespace --lk-*) */
    --lk-bg: var(--surface-page);
    --lk-card-bg: var(--surface-card);
    --lk-text: var(--text-primary);
    --lk-muted: var(--text-muted);
    --lk-border: var(--border-default);
}

/* Dark theme — поддерживает оба селектора (админский body.dark-theme + ЛК-овский [data-bs-theme="dark"]) */
body.dark-theme,
body[data-theme="dark"],
[data-bs-theme="dark"] {
    --surface-page:    #1a1d23;
    --surface-card:    #22262e;
    --surface-muted:   #2a2e37;
    --surface-toolbar: #2a2e37;
    --border-subtle:   #353940;
    --border-default:  #3a3f47;
    --text-primary:    #e4e6ea;
    --text-secondary:  #c0c4cc;
    --text-muted:      #9ca3af;
    --shadow-sm: 0 1px 3px rgba(0,0,0,.30);
    --shadow-md: 0 4px 12px rgba(0,0,0,.45);
    --shadow-lg: 0 6px 24px rgba(0,0,0,.55);
}