/* Дизайн-токены админки (tier 2) — CSS-зеркало `ui/shared/design-tokens.ts`.
   Значения совпадают с китом кабинетов (`apps/web/src/styles/tokens/*.scss`);
   и то и другое проверяет `ui/shared/design-tokens.spec.ts`.
   Классы темы, собранные на этих переменных, — в `admin-theme.css`. */
:root {
    /* ── COLOR ── */
    /* поверхности */
    --bg: #ffffff;
    --gray-50: #fafafa;
    --gray-100: #f4f4f5;
    --gray-200: #ebebeb;
    --gray-300: #d4d4d8;

    /* текст и границы */
    --ink: #222222;
    --muted: #717171;
    --faint: #a0a0a0;
    --line: #ebebeb;

    /* на тёмной поверхности (--ink): текст/иконки, приглушённый, тонкая заливка */
    --on-dark-fg: #ffffff;
    --on-dark-muted: rgba(255, 255, 255, 0.6);
    --on-dark-fill: rgba(255, 255, 255, 0.14);

    /* акцент */
    --accent: #6366f1;
    --accent-strong: #4f46e5;
    --accent-tint: #eef0fe;
    --accent-grad-from: #6366f1;
    --accent-grad-to: #818cf8;
    --accent-rgb: 99, 102, 241;

    /* семантика статусов */
    --success: #15976b;
    --success-strong: #0f7e59;
    --success-deep: #0b5c42;
    --success-tint: #e7f6ef;

    --warning: #c68a1e;
    --warning-icon: #c68a1e;
    --warning-tint: #fcf4e2;

    --violet: #7e6bd4;
    --violet-tint: #f1eefb;

    --danger: #d6627b;
    --danger-tint: #fcecf0;

    --info: #4c84e0;
    --info-tint: #eaf1fd;

    /* ── SPACE ── */
    --space-2: 2px;
    --space-4: 4px;
    --space-6: 6px;
    --space-8: 8px;
    --space-10: 10px;
    --space-12: 12px;
    --space-14: 14px;
    --space-16: 16px;
    --space-18: 18px;
    --space-20: 20px;
    --space-24: 24px;
    --space-28: 28px;
    --space-32: 32px;
    --space-36: 36px;
    --space-40: 40px;
    --space-48: 48px;

    /* ── RADIUS ── */
    --d-radius-sm: 8px;
    --d-radius: 10px;
    --d-radius-lg: 14px;
    --d-radius-pill: 999px;

    /* ── SIZE ── */
    /* высоты контролов */
    --d-control-h: 40px;
    --d-control-h-sm: 32px;
    --d-control-h-lg: 46px;
    --d-field-h: 42px;
    --d-row-h: 56px;

    /* метрики раскладки */
    --d-sidebar-w: 264px;
    --d-content-wide: 1260px;
    --d-gutter: 36px;

    /* высота шапки AdminJS (theme.sizes.navbarHeight) — по ней выравнен бренд сайдбара */
    --d-topbar-h: 64px;

    /* ── TYPOGRAPHY ── */
    /* семейства */
    --font-sans: 'Onest', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-mono: 'IBM Plex Mono', 'SFMono-Regular', ui-monospace, monospace;

    /* размеры (шкала из эталонного kit) */
    --fs-display: 28px;
    --fs-h1: 22px;
    --fs-h2: 17px;
    --fs-body: 15px;
    --fs-caption: 13px;
    --fs-overline: 11px;

    /* веса */
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;

    /* трекинг */
    --tracking-tight: -0.02em;
    --tracking-snug: -0.01em;
    --tracking-wide: 0.12em;

    /* межстрочный */
    --leading-tight: 1.3;
    --leading-normal: 1.5;

    /* ── ELEVATION ── */
    --shadow-modal: 0 24px 64px rgba(15, 23, 42, 0.28);
    --shadow-popover: 0 16px 44px rgba(15, 23, 42, 0.16);
    --shadow-drawer: -12px 0 40px rgba(15, 23, 42, 0.18);
    --shadow-card-hover: 0 1px 2px rgba(0, 0, 0, 0.06);

    --scrim: rgba(15, 23, 42, 0.45);

    /* ── Z ── */
    --z-dropdown: 40;
    --z-popover: 50;
    --z-overlay: 100;
}