/* ============================================================
   aidakot — дизайн-токены
   Светлая тема — основная. Тёмная — через [data-theme="dark"]
   на <html>. Все компоненты ссылаются только на переменные.
   ============================================================ */

:root {
  /* --- Цвета: поверхности и текст --- */
  --color-bg: #f5f7fa;
  --color-surface: #ffffff;
  --color-surface-sunken: #eef1f5;
  --color-text: #1b2430;
  --color-text-muted: #55606e;
  --color-text-faint: #7a8494;
  --color-border: #d7dde5;
  --color-border-strong: #b8c1cd;

  /* --- Акцент (основное действие) --- */
  --color-primary: #1e5fd1;
  --color-primary-hover: #1a4fb2;
  --color-primary-active: #15418f;
  --color-primary-on: #ffffff;
  --color-primary-soft: #e8f0fd;

  /* --- Статусы --- */
  --color-success: #177245;
  --color-success-soft: #e3f3ea;
  --color-success-border: #b7ddc8;

  --color-danger: #b3261e;
  --color-danger-hover: #942018;
  --color-danger-soft: #fbe9e7;
  --color-danger-border: #efc5c1;
  --color-danger-on: #ffffff;

  --color-warning: #7a5200;
  --color-warning-soft: #fdf2dd;
  --color-warning-border: #ecd9ae;

  --color-info: #1e5fd1;
  --color-info-soft: #e8f0fd;
  --color-info-border: #c2d5f5;

  /* --- Фокус --- */
  --color-focus: #1e5fd1;

  /* --- Типографика: системные стеки, без внешних загрузок --- */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas,
    "Liberation Mono", monospace;

  --font-size-xs: 0.75rem;    /* 12px — подписи, бейджи */
  --font-size-sm: 0.875rem;   /* 14px — вторичный текст, таблицы */
  --font-size-md: 1rem;       /* 16px — основной текст, поля */
  --font-size-lg: 1.125rem;   /* 18px — крупные подзаголовки */
  --font-size-xl: 1.375rem;   /* 22px — заголовок страницы */
  --font-size-2xl: 1.75rem;   /* 28px — hero / пустые состояния */

  --line-height-tight: 1.25;
  --line-height-base: 1.5;

  /* --- Отступы (шаг 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: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;

  /* --- Тени --- */
  --shadow-sm: 0 1px 2px rgba(27, 36, 48, 0.08);
  --shadow-md: 0 2px 8px rgba(27, 36, 48, 0.12);
  --shadow-lg: 0 8px 28px rgba(27, 36, 48, 0.2);

  /* --- Раскладка --- */
  --container-max: 1100px;
  --header-height: 56px;
}

/* --- Тёмная тема (дополнительная) --- */
[data-theme="dark"] {
  --color-bg: #14181f;
  --color-surface: #1d232d;
  --color-surface-sunken: #171c24;
  --color-text: #e4e9f0;
  --color-text-muted: #a3adbb;
  --color-text-faint: #7f8996;
  --color-border: #39424f;
  --color-border-strong: #4e5a69;

  --color-primary: #6b9bf0;
  --color-primary-hover: #86adf4;
  --color-primary-active: #a4c1f8;
  --color-primary-on: #10151c;
  --color-primary-soft: #1d2c47;

  --color-success: #5cc48c;
  --color-success-soft: #17291f;
  --color-success-border: #2b4a38;

  --color-danger: #f08a80;
  --color-danger-hover: #f5a79f;
  --color-danger-soft: #331b19;
  --color-danger-border: #59302c;
  --color-danger-on: #10151c;

  --color-warning: #e3b453;
  --color-warning-soft: #2c2413;
  --color-warning-border: #524524;

  --color-info: #6b9bf0;
  --color-info-soft: #1d2c47;
  --color-info-border: #31486f;

  --color-focus: #86adf4;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 2px 8px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 8px 28px rgba(0, 0, 0, 0.6);
}