/* =========================================================================
   Design tokens — палитра, типографика, отступы, сигнатурные значения.
   Светлая тема — основная (по умолчанию). Тёмная — альтернатива через
   [data-theme="dark"]. Сайт при первом заходе открывается в светлой теме.
   Палитра: тёплый кремовый фон #FAF8F3, графитовый текст #262B27,
   природный зелёный #4E7C5C, терракотовый акцент #C97B4A.
   ========================================================================= */

:root {
  /* Светлая тема — основа */
  --color-cream: #FAF8F3;
  --color-cream-surface: #FFFFFF;
  --color-graphite: #262B27;
  --color-graphite-muted: #6B6F66;

  /* Тёмная тема — альтернатива */
  --color-loam: #1B1712;
  --color-loam-surface: #26211A;
  --color-ink-light: #EDE6D6;
  --color-ink-muted: #B3A893;

  /* Активные цвета — текущая тема (по умолчанию светлая) */
  --color-bg: var(--color-cream);
  --color-surface: var(--color-cream-surface);
  --color-text: var(--color-graphite);
  --color-text-muted: var(--color-graphite-muted);
  --color-border: rgba(38, 43, 39, 0.12);
  --color-link: var(--color-leaf);

  /* Акценты */
  --color-leaf: #4E7C5C;          /* основной природный зелёный */
  --color-leaf-dark: #3A5F46;     /* для hover/active */
  --color-clay: #C97B4A;          /* терракотовый, вторичный акцент */
  --color-caution: #A13D3D;       /* для дисклеймеров/опасности */

  /* Статусы грибов — цвета спорового штампа */
  --color-spore-plum: #6E5A82;
  --color-gill-amber: #C97B4A;
  --color-glow: var(--color-leaf);
  --status-edible: var(--color-gill-amber);
  --status-conditional: #B8893F;
  --status-poisonous: var(--color-caution);
  --status-inedible: var(--color-graphite-muted);
  --status-medicinal: var(--color-leaf);

  /* Дисклеймеры и источники */
  --color-disclaimer-bg: rgba(161, 61, 61, 0.07);
  --color-disclaimer-border: var(--color-caution);
  --color-sources-bg: rgba(78, 124, 92, 0.07);
  --color-shadow: 0 1px 2px rgba(38, 43, 39, 0.05), 0 6px 18px rgba(38, 43, 39, 0.08);

  /* Типографика */
  --font-display: "Fraunces", ui-serif, serif;
  --font-reading: "Source Serif 4", "Source Serif Pro", ui-serif, serif;
  --font-ui: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", Menlo, Consolas, monospace;

  --font-size-base: 1.0625rem;
  --font-size-sm: 0.95rem;
  --font-size-xs: 0.825rem;
  --font-size-lg: 1.2rem;
  --font-size-h1: 2.5rem;
  --font-size-h2: 1.85rem;
  --font-size-h3: 1.4rem;
  --line-height-body: 1.6;
  --line-height-reading: 1.65;
  --line-height-tight: 1.18;
  --tracking-display: -0.012em;
  --tracking-wide: 0.06em;

  /* Отступы (шкала 4px) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 40px;
  --space-6: 64px;
  --space-7: 96px;

  /* Радиусы */
  --radius-stamp: 50%;
  --radius-card: 14px;
  --radius-pill: 999px;

  --max-width: 720px;
  --max-width-wide: 1100px;
  --gutter: var(--space-3);
  --transition: 180ms ease-out;
  --header-height: 64px;
}

/* Тёмная тема — активируется явным [data-theme="dark"] */
[data-theme="dark"] {
  --color-bg: var(--color-loam);
  --color-surface: var(--color-loam-surface);
  --color-text: var(--color-ink-light);
  --color-text-muted: var(--color-ink-muted);
  --color-border: rgba(237, 230, 214, 0.14);
  --color-link: #6FBF8B;
  --color-disclaimer-bg: rgba(161, 61, 61, 0.12);
  --color-sources-bg: rgba(111, 191, 139, 0.08);
  --color-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 6px 16px rgba(0, 0, 0, 0.45);
}