/* Ember Glass — токены. Источник правды: tokens.json (значения совпадают один в один).
   Тема одна — тёмная: все три референса тёмные, светлая не запрашивалась.
   :root и [data-theme="dark"] содержат один и тот же набор. */


:root,
[data-theme="dark"] {
  color-scheme: dark;

  /* ---------- primitive: neutral ---------- */
  --neutral-50: #FDFDFD;
  --neutral-100: #EDEDEF;
  --neutral-200: #D6D6DA;
  --neutral-300: #B8B8BE;
  --neutral-400: #A1A1A8;
  --neutral-500: #8A8A92;
  --neutral-600: #5A5A61;
  --neutral-700: #3A3A3F;
  --neutral-800: #26262A;
  --neutral-850: #1C1C1F;
  --neutral-900: #131315;
  --neutral-925: #0B0B0D;
  --neutral-950: #060607;

  /* ---------- primitive: blood (акцент, кровавый холодный красный) ---------- */
  --blood-50: #F5EDED;
  --blood-100: #E6D0D1;
  --blood-200: #CFA3A4;
  --blood-300: #D05656;
  --blood-400: #B32424;
  --blood-500: #9E1010;
  --blood-600: #880808;
  --blood-700: #6E0606;
  --blood-800: #4E050A;
  --blood-900: #320308;
  --blood-950: #1A0205;

  /* ---------- primitive: перелив (только для градиентов фона) ---------- */
  --wine-800: #2A0612;   /* холодное тёмное пятно */

  /* ---------- primitive: статусы ---------- */
  --green-400: #4ADE9A;
  --amber-400: #F5B83D;
  --vermilion-400: #FF7A45;

  /* ---------- semantic: поверхности ---------- */
  --bg: var(--neutral-950);
  --bg-subtle: var(--neutral-925);
  --surface: var(--neutral-900);
  --surface-raised: var(--neutral-850);
  --surface-hover: var(--neutral-800);
  --surface-inverse: var(--neutral-50);

  /* ---------- semantic: текст ---------- */
  --text: var(--neutral-50);
  --text-muted: var(--neutral-400);
  --text-subtle: var(--neutral-500);
  --text-inverse: var(--neutral-950);

  /* ---------- semantic: края светом ---------- */
  --edge-top: rgba(255, 255, 255, 0.14);      /* светлая верхняя грань */
  --edge: rgba(255, 255, 255, 0.07);          /* еле видный контур, не бордер */
  --divider: rgba(255, 255, 255, 0.06);

  /* ---------- semantic: акцент ---------- */
  --accent: var(--blood-600);
  --accent-hover: var(--blood-500);
  --accent-fill: var(--blood-600);             /* заливка кнопок: #880808 */
  --accent-pressed: var(--blood-700);
  --accent-text: var(--blood-300);             /* акцент как цвет текста и иконок на тёмном */
  --accent-soft: rgba(136, 8, 8, 0.18);
  --on-accent: #FFFFFF;
  --focus: rgba(208, 86, 86, 0.7);

  /* ---------- semantic: статусы ---------- */
  --success: var(--green-400);
  --warning: var(--amber-400);
  --error: var(--vermilion-400);              /* не blood: ошибка ≠ акцент */
  --info: var(--neutral-300);

  /* ---------- стекло (R01) ---------- */
  --glass-fill: linear-gradient(180deg, rgba(255, 255, 255, 0.075) 0%, rgba(255, 255, 255, 0.025) 100%);
  --glass-fill-strong: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.04) 100%);
  --glass-blur: 24px;
  --glass-saturate: 140%;
  --glass-rim: inset 0 1px 0 rgba(255, 255, 255, 0.32), inset 0 0 0 1px rgba(255, 255, 255, 0.14), inset 0 -1px 0 rgba(255, 255, 255, 0.06);

  /* ---------- фон-перелив (R02 → красный) ---------- */
  --aurora-hero:
    radial-gradient(40% 30% at 64% 18%, rgba(179, 36, 36, 0.45) 0%, transparent 72%),
    radial-gradient(36% 28% at 14% 34%, rgba(42, 6, 18, 0.9) 0%, transparent 75%),
    linear-gradient(180deg, #6E0606 0%, #4E050A 20%, #320308 38%, #1A0205 56%, #060607 72%);
  --aurora-ambient:
    radial-gradient(60% 45% at 50% 0%, rgba(136, 8, 8, 0.32) 0%, transparent 70%),
    radial-gradient(35% 30% at 80% 8%, rgba(42, 6, 18, 0.5) 0%, transparent 70%),
    #060607;
  --beam: linear-gradient(180deg, rgba(245, 237, 237, 0) 0%, rgba(245, 237, 237, 0.45) 55%, rgba(245, 237, 237, 0) 100%);

  /* ---------- типографика ---------- */
  --font-sans: "Geist", "Inter Tight", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SF Mono", monospace;

  --display-size: 56px;  --display-lh: 60px;  --display-weight: 500; --display-track: -0.03em;
  --h1-size: 36px;       --h1-lh: 40px;       --h1-weight: 500;      --h1-track: -0.02em;
  --h2-size: 28px;       --h2-lh: 34px;       --h2-weight: 500;      --h2-track: -0.015em;
  --h3-size: 20px;       --h3-lh: 26px;       --h3-weight: 500;      --h3-track: -0.01em;
  --metric-size: 32px;   --metric-lh: 36px;   --metric-weight: 400;  --metric-track: -0.02em;
  --body-lg-size: 16px;  --body-lg-lh: 24px;  --body-lg-weight: 400; --body-lg-track: 0;
  --body-size: 14px;     --body-lh: 20px;     --body-weight: 400;    --body-track: 0;
  --caption-size: 12px;  --caption-lh: 16px;  --caption-weight: 400; --caption-track: 0.005em;
  --overline-size: 11px; --overline-lh: 14px; --overline-weight: 500; --overline-track: 0.06em;

  /* моно-слой: служебная строка, > YOU / > DENIS, /команды, имена файлов, даты, Copy link */
  --mono-label-size: 11px;  --mono-label-lh: 14px;  --mono-label-weight: 400;  --mono-label-track: 0.06em;
  --mono-body-size: 13px;   --mono-body-lh: 18px;   --mono-body-weight: 400;   --mono-body-track: 0;
  --mono-metric-size: 40px; --mono-metric-lh: 44px; --mono-metric-weight: 400; --mono-metric-track: -0.02em;

  /* ---------- отступы (шаг 4) ---------- */
  --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;
  --space-11: 80px;
  --space-12: 96px;

  /* ---------- радиусы ---------- */
  --radius-xs: 6px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* ---------- глубина ---------- */
  --elevation-1: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 1px 2px rgba(0, 0, 0, 0.5);
  --elevation-2: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 8px 24px rgba(0, 0, 0, 0.45);
  --elevation-3: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 24px 64px rgba(0, 0, 0, 0.6);
  --glow-accent: 0 0 20px rgba(136, 8, 8, 0.55), 0 0 56px rgba(136, 8, 8, 0.25);
  --focus-ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--focus);

  /* ---------- лейаут ---------- */
  --sidebar-w: 280px;   /* продукт: панель 280, сворачивается до рейла */
  --rail-w: 72px;
  --topbar-h: 64px;
  --chat-w: 720px;      /* продукт: колонка чата по вайрфреймам */
  --content-max: 1200px;
  --gutter: 16px;

  /* ---------- движение ---------- */
  --dur-fast: 160ms;
  --dur-base: 240ms;
  --dur-slow: 400ms;
  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
}