/* ============================================================
   C-DEEP / CYBERPUNK BRUTALISM - design tokens
   Единственный файл, который вендорится в сервисы.
   Палитра неизменна (аватарка), меняется распределение площадей.
   ============================================================ */

:root{
  /* --- поверхности: три ступени, никаких градиентов --- */
  --bg:#05080d;
  --bg-1:#080b11;
  --bg-2:#0d1219;
  --surface:#12161d;

  /* --- линии. Вся глубина держится на них, не на тенях --- */
  --line:rgba(255,255,255,.13);
  --line-soft:rgba(255,255,255,.06);
  --line-hot:rgba(255,184,77,.55);

  /* --- акцент --- */
  --cream:#fff5b3;          /* чернила: текст-акцент, ссылки, активное */
  --orange:#ffb84d;         /* заливки: плашки, hazard, тикер, активная ячейка */
  --orange-rgb:255,184,77;
  --cream-rgb:255,245,179;
  --ink:#0a0703;            /* текст ПОВЕРХ акцентной заливки - всегда тёмный */

  /* --- текст --- */
  --text:#e8e8e8;
  --dim:#8e8e8e;
  --mute:#585858;

  /* --- шрифты --- */
  --display:'Oswald',Impact,'Arial Narrow',sans-serif;
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --sans:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;

  /* --- метрика --- */
  --rail:34px;              /* ширина вертикальных реек по краям */
  --bar:34px;               /* высота верхней шапки и нижнего статус-бара */
  --wrap:1320px;
  --gut:clamp(16px,3vw,32px);

  /* --- движение --- */
  --dur:.16s;
  --dur-slow:.4s;
  --ease:cubic-bezier(.2,.7,.3,1);
}

@media (prefers-reduced-motion:reduce){
  :root{--dur:0s;--dur-slow:0s;}
}