/* =========================================================
   Design tokens
   Единственный источник цветов, типографики, отступов и радиусов.
   Все страницы и компоненты используют эти переменные.
   ========================================================= */

:root {
    /* Шрифты */
    --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-heading: "Manrope", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;

    /* Бренд */
    --color-brand: #52c41a;
    --color-brand-strong: #3a7d16;
    --color-brand-hover: #2f660f;
    --color-brand-soft: #f0fbe9;
    --color-brand-ring: rgba(82, 196, 26, .22);

    /* Нейтральные */
    --color-ink: #111827;
    --color-text: #374151;
    --color-muted: #626a76;
    --color-subtle: #9ca3af;
    --color-bg: #f5f6f7;
    --color-surface: #ffffff;
    --color-surface-2: #f9fafb;
    --color-surface-3: #f3f4f6;
    --color-border: #e5e7eb;
    --color-border-strong: #d1d5db;
    --color-dark: #1f1f1f;
    --color-dark-2: #2a2a2a;

    /* Семантика */
    --color-danger: #dc2626;
    --color-danger-hover: #b91c1c;
    --color-danger-soft: #fef2f2;
    --color-danger-border: #fecaca;
    --color-success: #15803d;
    --color-success-soft: #f0fdf4;
    --color-success-border: #bbf7d0;
    --color-warning: #b45309;
    --color-warning-soft: #fffbeb;
    --color-warning-border: #fde68a;
    --color-info: #1d4ed8;
    --color-info-soft: #eff6ff;
    --color-info-border: #bfdbfe;

    /* Отступы */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-7: 32px;
    --space-8: 40px;
    --space-9: 48px;
    --space-10: 64px;

    /* Радиусы */
    --radius-xs: 6px;
    --radius-sm: 8px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-full: 999px;

    /* Тени */
    --shadow-xs: 0 1px 2px rgba(15, 23, 42, .06);
    --shadow-sm: 0 2px 8px rgba(15, 23, 42, .06);
    --shadow-md: 0 10px 30px rgba(15, 23, 42, .08);
    --shadow-lg: 0 25px 70px rgba(15, 23, 42, .16);

    /* Размеры контролов */
    --control-height: 42px;
    --control-height-sm: 32px;
    --control-height-lg: 48px;

    /* Слои */
    --z-dropdown: 900;
    --z-modal: 1000;
    --z-editor: 1100;
    --z-toast: 1200;

    /* Анимации */
    --transition-fast: .15s ease;
    --transition-base: .2s ease;

    /* Сетка */
    --container-width: 1200px;
    --admin-sidebar-width: 260px;
}