/* Дизайн-токены админки — единственный источник цветов, радиусов, теней и шкал.
   Правило: в шаблонах и app.css не должно быть литеральных hex-цветов и
   «магических» пикселей — только var(--...) отсюда. Смена акцента или
   плотности интерфейса делается правкой этого файла, а не обходом шаблонов.

   Часть токенов проброшена в переменные Bootstrap 5.3 (--bs-*): так его
   компоненты подхватывают палитру сами, без переопределения свойств и
   без !important. */

:root {
    /* --- Палитра: нейтральные --- */
    --c-neutral-0: #ffffff;
    --c-neutral-25: #fbfcfd;
    --c-neutral-50: #f6f7f9;
    --c-neutral-100: #eef0f3;
    --c-neutral-200: #e3e6ea;
    --c-neutral-300: #cfd4db;
    --c-neutral-400: #9aa2ae;
    --c-neutral-500: #6b7480;
    --c-neutral-600: #4d5561;
    --c-neutral-700: #363d48;
    --c-neutral-800: #232935;
    --c-neutral-900: #161b23;

    /* --- Палитра: акцент (один на всю админку) --- */
    --c-accent-50: #eef2ff;
    --c-accent-100: #e0e7ff;
    --c-accent-200: #c7d2fe;
    --c-accent-400: #7c8ff0;
    --c-accent-500: #5a6fd6;
    --c-accent-600: #4054c4;
    --c-accent-700: #33429b;

    /* --- Палитра: семантика состояний --- */
    --c-success-50: #ecfdf3;
    --c-success-500: #16a34a;
    --c-success-700: #15803d;
    --c-warning-50: #fffaeb;
    --c-warning-500: #d97706;
    --c-warning-700: #b45309;
    --c-danger-50: #fef3f2;
    --c-danger-500: #dc2626;
    --c-danger-700: #b91c1c;
    --c-info-50: #ecfeff;
    --c-info-500: #0891b2;
    --c-info-700: #0e7490;

    /* --- Семантические роли: поверхности и текст --- */
    --bg-body: var(--c-neutral-50);
    --bg-surface: var(--c-neutral-0);
    --bg-subtle: var(--c-neutral-100);
    --bg-hover: var(--c-neutral-50);
    --border-color: var(--c-neutral-200);
    --border-strong: var(--c-neutral-300);
    --text-primary: var(--c-neutral-800);
    --text-secondary: var(--c-neutral-600);
    --text-muted: var(--c-neutral-500);
    --text-on-accent: var(--c-neutral-0);

    /* --- Оболочка приложения --- */
    --sidebar-width: 15.5rem;
    --sidebar-bg: var(--c-neutral-900);
    --sidebar-text: rgba(255, 255, 255, 0.72);
    --sidebar-text-hover: var(--c-neutral-0);
    --sidebar-section: rgba(255, 255, 255, 0.42);
    --sidebar-item-hover: rgba(255, 255, 255, 0.08);
    --sidebar-item-active: var(--c-accent-500);
    --topbar-height: 3.5rem;

    /* --- Шкала отступов (кратна 4px) --- */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 3rem;

    /* --- Радиусы --- */
    --radius-sm: 0.375rem;
    --radius-md: 0.5rem;
    --radius-lg: 0.75rem;
    --radius-pill: 62.5rem;

    /* --- Тени: сдержанные, без «парящих» карточек --- */
    --shadow-xs: 0 1px 2px rgba(16, 24, 40, 0.05);
    --shadow-sm: 0 1px 3px rgba(16, 24, 40, 0.08);
    --shadow-md: 0 4px 12px rgba(16, 24, 40, 0.08);
    --shadow-lg: 0 12px 32px rgba(16, 24, 40, 0.12);

    /* --- Типографика --- */
    --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue",
                 Arial, "Noto Sans", sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas,
                 "Liberation Mono", monospace;
    --text-xs: 0.75rem;
    --text-sm: 0.8125rem;
    --text-base: 0.9375rem;
    --text-lg: 1.0625rem;
    --text-xl: 1.25rem;
    --text-2xl: 1.5rem;

    /* --- Прочее --- */
    --transition-fast: 0.12s ease;
    --transition: 0.2s ease;
    --z-toast: 1090;

    /* === Проброс в Bootstrap 5.3 =========================================
       Глобальные переменные BS: их компоненты читают напрямую. */
    --bs-body-bg: var(--bg-body);
    --bs-body-color: var(--text-primary);
    --bs-body-font-family: var(--font-sans);
    --bs-body-font-size: var(--text-base);
    --bs-secondary-color: var(--text-secondary);
    --bs-tertiary-color: var(--text-muted);
    --bs-border-color: var(--border-color);
    --bs-border-radius: var(--radius-md);
    --bs-border-radius-sm: var(--radius-sm);
    --bs-border-radius-lg: var(--radius-lg);
    --bs-font-monospace: var(--font-mono);
    --bs-link-color: var(--c-accent-600);
    --bs-link-hover-color: var(--c-accent-700);
    --bs-focus-ring-color: rgba(64, 84, 196, 0.25);
    --bs-emphasis-color: var(--text-primary);
}