/*
 * tokens.css — ЕДИНЫЙ ИСТОЧНИК ПРАВДЫ дизайн-токенов letly.
 * Подключается ПЕРВЫМ во всех layout-ах. Custom-properties глобальны и
 * резолвятся в момент использования — ранняя загрузка ничего не ломает.
 *
 * Канон утверждён владельцем 26.06.2026 (3-ярусная модель цвета):
 *   Ярус 1 — спокойный хром UI (нейтрали + 1 фирменный акцент #2f85ae)
 *   Ярус 2 — фиксированная семантика статусов
 *   Ярус 3 — красочная категориальная палитра ТОЛЬКО для дашбордов/диаграмм
 *
 * @see docs/frontend/20260626-2308-План-нормализации-дизайна-веер-субагентов.md
 */
:root {
  /* === ЯРУС 1: бренд / действия / хром === */
  --color-primary: #0F172A;          /* slate-900 — тёмная ГЛАВНАЯ кнопка */
  --color-primary-hover: #1E293B;    /* slate-800 */
  --color-accent: #2f85ae;           /* ФИРМЕННЫЙ акцент: ссылки, актив, акцентные кнопки */
  --color-accent-hover: #2a6496;
  --color-link: var(--color-accent);
  --color-link-hover: var(--color-accent-hover);
  --color-secondary: #64748B;        /* slate-500 — вторичные акценты */
  --color-danger: #d33c43;           /* исторический cake-red — danger-кнопки */

  /* Нейтрали / поверхности / текст / границы */
  --color-bg:             #f5f7fa;   /* фон приложения (исторический cake main-bg, сохранён) */
  --color-surface:        #FFFFFF;
  --color-border:         #E5E7EB;
  --color-border-hover:   #D1D5DB;
  --color-text-primary:   #111827;
  --color-text-secondary: #6B7280;
  --color-text-disabled:  #9CA3AF;
  --color-placeholder:    #9CA3AF;
  --color-headings:       #363637;   /* исторический cake heading color */
  --color-lightgray:      #606c76;
  --color-primary-medium: #334155;   /* slate-700 — средне-тёмный UI (кнопки/хедеры карточек в a_notifications) */
  --color-neutral-medium: #6c757d;   /* bootstrap gray-600 — де-факто вторичный текст/иконки */

  /* === ЯРУС 2: семантика статусов (фиксированная) === */
  --color-success: #10B981;
  --color-warning: #F59E0B;
  --color-error:   #EF4444;
  --color-info:    #3B82F6;
  --color-info-bg:   #E0F2FE;   /* де-факто инфо-фон (sky-100): инфо-боксы, alert-info, badge-info */
  --color-info-text: #0C4A6E;   /* де-факто инфо-текст (sky-900) */

  /* Семантические заливки сообщений (исторические cake-значения, сохранены) */
  --color-message-success-bg: #e3fcec;
  --color-message-success-text: #1f9d55;
  --color-message-success-border: #51d88a;
  --color-message-warning-bg: #fffabc;
  --color-message-warning-text: #8d7b00;
  --color-message-warning-border: #d3b800;
  --color-message-error-bg: #fcebea;
  --color-message-error-text: #cc1f1a;
  --color-message-error-border: #ef5753;
  --color-message-info-bg: #eff8ff;
  --color-message-info-text: #2779bd;
  --color-message-info-border: #6cb2eb;

  /* === ЯРУС 3: палитра данных (дашборды/диаграммы) — красочно === */
  --chart-1: #2f85ae;  --chart-2: #10B981;  --chart-3: #F59E0B;  --chart-4: #8B5CF6;
  --chart-5: #F43F5E;  --chart-6: #06B6D4;  --chart-7: #6366F1;  --chart-8: #84CC16;

  /* === Футер (перенос из app_footer.css) === */
  --sidebar-bg:             #212529;
  --footer-border:          #343a40;
  --footer-text-color:      #FFFFFF;
  --footer-link-color:      #E2E8F0;
  --footer-link-hover-color:#FFFFFF;
  --footer-separator-color: #6c757d;
  --footer-copyright-color: #adb5bd;

  /* === Радиус (канон 28.06.2026: concentric-шкала, потолок 8px) ===
     Ячейки таблиц 0 · инпуты/кнопки/бейджи 4px · карточки/панели/дропдауны 6px ·
     модалки/крупные контейнеры 8px. Concentric: модалка 8 → инпут внутри 4. */
  --radius-none: 0;       /* ячейки таблиц — чёткая сетка, максимум данных */
  --radius-sm:   4px;     /* инпуты, кнопки, бейджи */
  --radius:      6px;     /* карточки, панели, дропдауны (база) */
  --radius-lg:   8px;     /* модалки, крупные контейнеры */
  --radius-round: 50%;

  /* === Шрифт (канон: Inter web-font, локальные woff2 + системный фолбэк) === */
  --font-base: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
               'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'SF Mono', Consolas, ui-monospace, monospace;

  /* === Тени (из дизайн-системы docs/frontend/Adaptive_styles.md) === */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.04);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.08);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.12);

  /* === Spacing (8px grid) === */
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-6: 24px; --space-8: 32px; --space-12: 48px; --space-16: 64px;

  /* === Z-index (модалки — из docs/frontend/Bootstrap_Modals.md) === */
  --z-modal-backdrop: 1040;
  --z-modal: 1055;
  --z-tooltip: 9999;
}