/* Токены дизайн-системы Фабрики — единый источник правды.
   Шкалы сняты с vercel.com/geist/colors 27.10.2026 (обе темы), переменные --ds-*.
   Компоненты (system.css) и экраны используют только роли из второго блока, не шкалу.
   Тема: атрибут data-theme="light" на <html> или на любом блоке (роли пересчитываются внутри него). */

:root,[data-theme=dark]{
  color-scheme:dark;
  --g-bg-100:hsl(0 0% 4%);  --g-bg-200:hsl(0 0% 0%);
  --g100:hsl(0 0% 10%); --g200:hsl(0 0% 12%); --g300:hsl(0 0% 16%);   /* фоны компонентов: обычный, наведение, нажатие */
  --g400:hsl(0 0% 18%); --g500:hsl(0 0% 27%); --g600:hsl(0 0% 53%);   /* границы: обычная, наведение, активная */
  --g700:hsl(0 0% 56%); --g800:hsl(0 0% 49%);                         /* контрастные фоны, третичный текст */
  --g900:hsl(0 0% 63%); --g1000:hsl(0 0% 93%);                        /* вторичный и основной текст */
  --ga100:#ffffff0f; --ga400:#ffffff24; --ga600:#ffffff82;            /* альфа-серые: только когда фон должен просвечивать */
  --blue:oklch(71.7% .1648 250.794); --red:oklch(62.56% .2234 23.03); --green:oklch(64.58% .199 147.27); --amber:oklch(81.87% .1969 76.46);
  --shadow-sm:0 1px 2px #00000029;
  --shadow-md:0 2px 2px #00000052,0 8px 8px -8px #00000029;
  --shadow-menu:0 0 0 1px #ffffff25,0 1px 1px #00000005,0 4px 8px -4px #0000000a,0 16px 24px -8px #0000000f;
  --shadow-modal:0 0 0 1px #ffffff25,0 1px 1px #00000005,0 8px 16px -4px #0000000a,0 24px 32px -8px #0000000f;
  --backdrop:hsl(0 0% 0% / .8);
  --gold:#e3b53b;   /* глаза кота-логотипа; единственный тёплый цвет: логотип и «скоро» */
}
[data-theme=light]{
  color-scheme:light;
  --g-bg-100:hsl(0 0% 100%); --g-bg-200:hsl(0 0% 98%);
  --g100:hsl(0 0% 95%); --g200:hsl(0 0% 92%); --g300:hsl(0 0% 90%);
  --g400:hsl(0 0% 92%); --g500:hsl(0 0% 79%); --g600:hsl(0 0% 66%);
  --g700:hsl(0 0% 56%); --g800:hsl(0 0% 49%);
  --g900:hsl(0 0% 30%); --g1000:hsl(0 0% 9%);
  --ga100:#0000000d; --ga400:#00000014; --ga600:#00000057;
  --blue:oklch(57.61% .2508 258.23); --red:oklch(62.56% .2524 23.03); --green:oklch(64.58% .1746 147.27); --amber:oklch(52.79% .1496 54.65);
  --shadow-sm:0 2px 2px #0000000a;
  --shadow-md:0 2px 2px #0000000a,0 8px 8px -8px #0000000a;
  --shadow-menu:0 0 0 1px #00000014,0 1px 1px #00000005,0 4px 8px -4px #0000000a,0 16px 24px -8px #0000000f;
  --shadow-modal:0 0 0 1px #00000014,0 1px 1px #00000005,0 8px 16px -4px #0000000a,0 24px 32px -8px #0000000f;
  --backdrop:hsl(0 0% 95% / .8);
  --gold:#9a7412;   /* то же золото, затемнено для контраста на белом */
}

/* Роли: одинаковые имена в обеих темах. Объявлены и на :root, и на [data-theme], чтобы считаться заново внутри блока с другой темой. */
:root,[data-theme]{
  /* поверхности */
  --bg:var(--g-bg-200);            /* подложка страницы и навигации */
  --surface:var(--g-bg-100);       /* панель содержимого, карточка, поле, меню */
  --fill:var(--g100); --fill-hover:var(--g200); --fill-active:var(--g300);   /* фон компонентов: обычный, наведение, нажатие */
  --line:var(--g400); --line-hover:var(--g500); --line-active:var(--g600);   /* границы; каждую рисовать один раз */
  --contrast:var(--g700); --contrast-2:var(--g800);                          /* контрастные фоны (ползунок, индикатор) */
  /* текст */
  --text:var(--g1000); --text-2:var(--g900); --text-3:var(--g800);
  --placeholder:var(--g700);
  /* действие и сигналы — почти без цвета */
  --accent:var(--g1000); --accent-hover:var(--g900); --on-accent:var(--g-bg-100);
  --ring:var(--g1000);
  --focus:0 0 0 2px var(--surface),0 0 0 4px var(--ring);
  --ok:var(--green); --err:var(--red); --warn:var(--amber); --link:var(--blue);
  /* шрифт */
  --font:Geist,Inter,-apple-system,"Segoe UI",sans-serif;
  --mono:ui-monospace,"SF Mono",Menlo,monospace;
  --t-micro:11px; --t-label:12px; --t-ui:13px; --t-body:14px; --t-lead:15px;
  --t-h3:16px; --t-h2:19px; --t-h1:24px; --t-display:32px;
  --lh-tight:1.25; --lh:1.5; --lh-text:1.6;
  --w-normal:400; --w-medium:500; --w-semibold:600;
  /* размеры */
  --h-sm:32px; --h-md:36px; --h-lg:40px;     /* высоты контролов Geist: small, medium, large */
  --h-row:36px; --h-nav:32px; --h-bar:44px;  /* строка меню, пункт навигации, верхняя полоса */
  --r:6px; --r-lg:8px; --r-pill:999px;
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:20px; --s6:24px; --s7:32px; --s8:40px;
  --sidebar-w:240px; --nav-w:240px; --rail-w:64px; --props-w:280px; --chat-w:360px; --content-max:720px;
  --dur:120ms; --ease:cubic-bezier(.175,.885,.32,1.1);
}