/* oculus — фирменная палитра «оптический циан» (Дедал). Концепция «глаз-апертура»:
   оптика/сканер, острый холодный взгляд, наблюдающий живой веб.
   Тёмная — default. `html.light` активирует светлую.
   ds-компоненты (модалка/кнопки/поля/админка) красятся от этих переменных. */

:root {
  /* — тёмная (default) — oculus «оптический циан» — */
  --bg:        #0e1417;
  --fg:        #dfeaed;
  --muted:     #7a8f96;
  --line:      #212c31;
  --accent:    #17c2d5;   /* оптический циан — бренд */
  --accent-fg: #06171b;   /* текст на цианой кнопке */
  --ink:       #d4e2e6;   /* текст в input/textarea */

  --font:    'Mulish';
  --serif:   var(--font);

  --radius:  4px;
  --gutter:  24px;
  --max-w:   1080px;

  /* — привязка design-system (ds-*) к бренду —
     Ядро (toast.css) оставляет --ds-accent НЕопределённым → fallback золото
     #c8a04a; --ds-info=var(--gold) (#d4af6a); --ds-dim=var(--dim) (коричневый).
     Без этих строк ds-модалка/кнопки/поля золотые. Привязываем к циану. */
  --ds-accent: var(--accent);
  --gold:      var(--accent);
  --dim:       var(--muted);
  /* --ds-warn тянется из var(--cyan): без янтаря warning сольётся с циан-брендом (совет Дедала). */
  --cyan:      #e0a021;
}

/* — светлая — циан темнее для контраста на белом — */
html.light {
  --bg:        #f2f6f7;
  --fg:        #0e1417;
  --muted:     #5c6f75;
  --line:      #d4e0e2;
  --accent:    #0f97a8;
  --accent-fg: #f2f6f7;
  --ink:       #0e1417;
}