/* TSOY ID · дизайн-токены (§10.3). Акцент --ink перекрашивается из админки. */

:root {
  /* Радиусы и тени */
  --radius-s: 8px; --radius-m: 12px; --radius-l: 16px; --radius-xl: 24px;
  --space: 4px;
  --shadow-1: 0 1px 2px rgb(0 0 0 / .05);
  --shadow-2: 0 1px 3px rgb(0 0 0 / .06), 0 4px 12px rgb(0 0 0 / .06);
  --shadow-3: 0 4px 8px rgb(0 0 0 / .06), 0 12px 32px rgb(0 0 0 / .10);

  /* Цвет: чернильный синий + тёплые серые */
  --ink: #1D4ED8;
  --ink-soft: color-mix(in srgb, var(--ink) 10%, transparent);
  --ink-border: color-mix(in srgb, var(--ink) 35%, transparent);
  --bg: #F5F5F4;
  --surface: #FFFFFF;
  --surface-2: #FAFAF9;
  --text: #1C1917;
  --text-2: #57534E;
  --text-3: #A8A29E;
  --line: #E7E5E4;
  --line-strong: #D6D3D1;

  /* Семантика */
  --success: #15803D; --success-bg: #F0FDF4;
  --warning: #B45309; --warning-bg: #FFFBEB;
  --danger:  #B91C1C; --danger-bg:  #FEF2F2;

  --focus: 0 0 0 3px color-mix(in srgb, var(--ink) 30%, transparent);

  /* Типографика */
  --font-ui: 'Golos Text', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;
  --fs-12: 12px; --fs-13: 13px; --fs-14: 14px; --fs-16: 16px;
  --fs-18: 18px; --fs-22: 22px; --fs-28: 28px; --fs-36: 36px;

  color-scheme: light;
}

:root[data-theme="dark"] {
  --ink: #60A5FA;
  --bg: #1C1917;
  --surface: #292524;
  --surface-2: #24211E;
  --text: #FAFAF9;
  --text-2: #A8A29E;
  --text-3: #78716C;
  --line: #44403C;
  --line-strong: #57534E;
  --success: #4ADE80; --success-bg: rgb(74 222 128 / .10);
  --warning: #FBBF24; --warning-bg: rgb(251 191 36 / .10);
  --danger:  #F87171; --danger-bg:  rgb(248 113 113 / .10);
  --shadow-1: 0 1px 2px rgb(0 0 0 / .3);
  --shadow-2: 0 1px 3px rgb(0 0 0 / .35), 0 4px 12px rgb(0 0 0 / .35);
  --shadow-3: 0 4px 8px rgb(0 0 0 / .4), 0 12px 32px rgb(0 0 0 / .5);
  color-scheme: dark;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}