/* Токены KOBALT. Цвета выданы colorfor.ai (_private/_colors), новые hex руками не вводим. */
:root {
  --color-background: #060d2a;
  --color-surface: #101937;
  --color-surface-elevated: #1b2545;
  --color-text: #e4ecff;
  --color-text-muted: #a6aec0;
  --color-primary: #2f5bff;
  --color-primary-hover: #244bef;
  --color-primary-pressed: #1e40e4;
  --color-primary-foreground: #eaeffe;
  --color-accent: #006f9a;
  --color-accent-hover: #00628c;
  --color-border: #35383e;
  --color-border-strong: #646975;
  --color-focus-ring: #86a8ff;
  --color-disabled: #27292d;
  --color-disabled-foreground: #6f7178;
  --color-success: #3aa85b;
  --color-success-foreground: #1b241d;
  --color-warning: #be8200;
  --color-error: #dc665b;
  --color-error-foreground: #2b1e1c;
  --ff-text: "Google Sans", "Segoe UI", system-ui, sans-serif;
  --ff-display: "Sofia Sans Extra Condensed", "Arial Narrow", Impact, sans-serif;

  /* скругления, множитель --round двигается панелью настроек */
  --round: 1;
  --r-screen: 28px;
  --r-pill: 28px;
  --r-panel: 22px;
  --r-btn: 14px;
  --r-chip: 8px;

  /* ритм */
  --gap: 12px;
  --pad-x: clamp(20px, 4.2vw, 64px);

  /* параметры фона и вордмарка (ползунки) */
  --hdr-h: 0px;
  --haze: 1;
  --grain: .04;
  --mark-gloss: .55;
}

/* светлый экран: роли те же, значения из светлого прогона colorfor */
.theme-light {
  --color-background: #e8efff;
  --color-surface: #dee5f5;
  --color-surface-elevated: #eff6ff;
  --color-text: #0a1a52;
  --color-text-muted: #3a528f;
  --color-primary: #2f5bff;
  --color-primary-hover: #244bef;
  --color-primary-pressed: #1e40e4;
  --color-primary-foreground: #e9f0fe;
  --color-accent: #00a0d5;
  --color-accent-hover: #27aee4;
  --color-border: #caced6;
  --color-border-strong: #818693;
  --color-focus-ring: #2c4fde;
  --color-disabled: #dbdee3;
  --color-disabled-foreground: #7d8086;
  --color-success: #05893e;
  --color-success-foreground: #020603;
  --color-warning: #996600;
  --color-error: #b9463f;
  --color-error-foreground: #fceae7;
}