/* Дизайн-токены. Единственный источник правды по цветам и скруглениям.
   Значения — из брендбука balgyn.online v1.6 и docs/decisions/design-tokens.md.
   Перебивают любые цвета из HTML-референсов. Хардкод вне этого файла запрещён. */

:root {
  /* Палитра */
  --blue: #1D81A8;
  --text: #13243F;
  --muted: #6E7C92;
  --bg: #EEF2F8;
  --card: #FFFFFF;
  --line: #E2E7EF;
  --cta: #F58220;
  --on-cta: #13243F; /* текст на оранжевом CTA: тёмный, не белый — контраст */
  --green: #1FA05E; /* зелёный: заливки, точки, значки */
  --green-text: #157A45; /* зелёный ТЕКСТ на светлой подложке (контраст 4.73) */
  --agent: #5b4fa3;
  --danger: #D64545;
  --yellow: #E7B04B; /* жёлтый: заливки, точки (свежесть «пора заказать») */
  --yellow-text: #96610F; /* жёлтый ТЕКСТ на светлой подложке */

  /* Мягкие подложки статусов */
  --bg-green: #E4F4EC;
  --bg-yellow: #FBF0DC;
  --bg-red: #FDEDED;
  --bg-blue: #E8EEF8;
  --bg-purple: #ECE9F7;

  /* Затемнение под шторками и тени */
  --scrim: rgba(19, 36, 63, 0.55);
  --shadow: 0 8px 24px rgba(19, 36, 63, 0.1);
  --shadow-sm: 0 2px 8px rgba(19, 36, 63, 0.08);

  /* Акцент текущей роли. Меняется в ui.renderScreen() по кабинету:
     покупатель → --cta (текст тёмный), магазин → --green (текст тёмный),
     производитель → --blue (текст белый), ТП → --agent (текст белый). */
  --role-accent: var(--blue);
  --role-ink: var(--card);

  /* Скругления (брендбук v1.6: 8 / 12 / 16) */
  --radius-sm: 8px; /* поля ввода, мелкие пометки */
  --radius-control: 12px; /* кнопки */
  --radius-card: 12px; /* карточки */
  --radius-block: 16px; /* крупные блоки, окна */

  /* Шрифты */
  --font-head: 'Montserrat', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;
}