/* РевизорБОТ — дизайн-токены. Концепция «Ревизия»: финансовая ведомость,
   табличные цифры, тонкие линейки, штампы статусов. */

:root {
  /* --- цвет: светлая тема (бриф §3) --- */
  --color-bg: #F5F7F6;
  --color-surface: #FFFFFF;
  --color-surface-2: #EEF2F0;
  --color-ink: #14211D;
  --color-ink-muted: #4B5A54;
  --color-border: #DCE3E0;
  --color-primary: #0F5C4D;
  --color-primary-hover: #0C4A3E;
  --color-primary-ink: #FFFFFF;
  --color-band: #0F5C4D;
  --color-band-ink: #F5F7F6;
  --color-amber: #E8A317;
  --color-amber-ink: #14211D;
  --color-terracotta: #B5502E;
  --color-terracotta-text: #9C3E1B; /* текст поверх --color-terracotta-bg, контраст 4.5+ */
  --color-terracotta-bg: #FBE9E2;
  --color-success: #2D7A55;
  --color-success-bg: #E4F3EA;
  --color-focus: #0F5C4D;

  /* --- типографика --- */
  --font-display: "Geologica", "Golos Text", -apple-system, sans-serif;
  --font-body: "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  --fs-h1: clamp(2rem, 1.55rem + 2vw, 3.25rem);
  --fs-h2: clamp(1.5rem, 1.28rem + 1vw, 2.25rem);
  --fs-h3: clamp(1.15rem, 1.05rem + 0.4vw, 1.4rem);
  --fs-lead: clamp(1.05rem, 0.98rem + 0.3vw, 1.25rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-micro: 0.78rem;

  --lh-tight: 1.15;
  --lh-heading: 1.25;
  --lh-body: 1.6;

  /* --- сетка/форма --- */
  --max-width: 1180px;
  --max-width-narrow: 760px;
  --radius: 10px;
  --radius-sm: 8px;
  --radius-pill: 999px;
  --shadow-1: 0 1px 2px rgba(20, 33, 29, 0.06);
  --shadow-2: 0 6px 20px rgba(20, 33, 29, 0.08);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;

  --header-h: 68px;
  --transition: 160ms ease;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-bg: #101614;
    --color-surface: #18211E;
    --color-surface-2: #1E2A26;
    --color-ink: #E7EEEB;
    --color-ink-muted: #A7B6B0;
    --color-border: #2A3934;
    --color-primary: #4FBF9F;
    --color-primary-hover: #6ED2B4;
    --color-primary-ink: #0A1512;
    --color-band: #0B3D33;
    --color-band-ink: #F5F7F6;
    --color-amber: #F2B93B;
    --color-amber-ink: #14211D;
    --color-terracotta: #E0805C;
    --color-terracotta-text: #E0805C;
    --color-terracotta-bg: #2E1B14;
    --color-success: #4FBF9F;
    --color-success-bg: #163227;
    --color-focus: #4FBF9F;
    --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.35);
    --shadow-2: 0 10px 28px rgba(0, 0, 0, 0.45);
  }
}

:root[data-theme="dark"] {
  --color-bg: #101614;
  --color-surface: #18211E;
  --color-surface-2: #1E2A26;
  --color-ink: #E7EEEB;
  --color-ink-muted: #A7B6B0;
  --color-border: #2A3934;
  --color-primary: #4FBF9F;
  --color-primary-hover: #6ED2B4;
  --color-primary-ink: #0A1512;
  --color-band: #0B3D33;
  --color-band-ink: #F5F7F6;
  --color-amber: #F2B93B;
  --color-amber-ink: #14211D;
  --color-terracotta: #E0805C;
  --color-terracotta-text: #E0805C;
  --color-terracotta-bg: #2E1B14;
  --color-success: #4FBF9F;
  --color-success-bg: #163227;
  --color-focus: #4FBF9F;
  --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.35);
  --shadow-2: 0 10px 28px rgba(0, 0, 0, 0.45);
}