/* Дизайн-токены — ЕДИНСТВЕННОЕ место, где задаются цвета, шрифты, размеры текста,
   радиусы, отступы и размеры элементов. Остальные стили используют только var(--...).
   Позже этот файл заменит дизайн-система.
   Цвета взяты из прототипов (prototype/prototypes). Тема — атрибут data-theme на <html>. */

:root{
  /* Цвета — светлая тема (по умолчанию) */
  --bg:#f4f6f4; --surface:#ffffff; --sunk:#eef1ee; --ink:#1c2421; --muted:#5b6762; --line:#dbe1dd;
  --accent:#1f6b57; --accent-weak:#e1eee8; --accent-ink:#ffffff;
  --good:#2b7a4c; --good-weak:#e3f1e8; --warn:#9a6300; --warn-weak:#f8eedb; --crit:#ad3328; --crit-weak:#f8e4e1; --info:#2f5b9e; --info-weak:#e4ebf6;
  color-scheme:light;

  /* Шрифты */
  --font-ui:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-num:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  --text-base:15px;
  --text-xs:.8rem; --text-sm:.875rem; --text-md:.9375rem; --text-lg:1.15rem; --text-xl:1.3rem; --text-2xl:1.5rem;
  --leading:1.5; --leading-tight:1.2;
  --weight-bold:600;
  --tracking-caps:.02em;

  /* Отступы */
  --space-2xs:.125rem; --space-xs:.25rem; --space-sm:.5rem; --space-md:.75rem; --space-lg:1rem;
  --space-xl:1.25rem; --space-2xl:1.5rem; --space-3xl:2rem; --space-4xl:3rem;

  /* Радиусы, линии */
  --radius:8px; --radius-sm:6px; --radius-pill:999px;
  --border-width:1px; --focus-width:2px; --focus-ring:3px;

  /* Размеры элементов */
  --control-height:40px; --checkbox-size:18px; --logo-size:28px;
  --width-content:1100px; --width-form:480px; --width-narrow:380px; --width-field-min:150px;
}

:root[data-theme="dark"]{
  --bg:#111614; --surface:#19201d; --sunk:#151b19; --ink:#e4ebe7; --muted:#9aa7a1; --line:#2b3531;
  --accent:#5fbf9d; --accent-weak:#1d3029; --accent-ink:#0d1a15;
  --good:#6cc18e; --good-weak:#1b2e23; --warn:#e3a943; --warn-weak:#33291a; --crit:#ee7d72; --crit-weak:#3a2220; --info:#86a9e6; --info-weak:#1d2637;
  color-scheme:dark;
}