/*
 * Avitologia — editorial / warm ink (v5).
 * Fraunces + Atkinson Hyperlegible; умбра, вермилион, «бумажные» карточки.
 */
:root {
  --bg: #12100e;
  --bg-elevated: #1a1612;
  --bg-card: #221d18;
  --bg-card-hover: #2d2620;
  --border: rgba(247, 242, 232, 0.09);
  --border-strong: rgba(247, 242, 232, 0.16);
  --text: #f7f2e8;
  --muted: #a89f93;
  --accent: #ff4d2e;
  --accent-hover: #ff7a5c;
  --accent-dim: #b82814;
  --accent-soft: rgba(255, 77, 46, 0.16);
  --accent-glow: rgba(255, 77, 46, 0.32);
  --warn: #ffc14a;
  --warn-soft: rgba(255, 193, 74, 0.12);
  --on-accent: #1a0a07;
  --radius: 3px;
  --radius-lg: 8px;
  --radius-pill: 999px;
  --font: "Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;
  --font-display: "Fraunces", "Palatino Linotype", Palatino, Georgia, serif;

  --header-bg: rgba(18, 16, 14, 0.86);
  --header-blur: 20px;
  --shadow-menu: 0 24px 60px rgba(0, 0, 0, 0.55);
  --shadow-card: 0 12px 40px rgba(0, 0, 0, 0.45);
  --shadow-card-hover: 0 20px 56px rgba(0, 0, 0, 0.5);
  --shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  --tap-highlight: rgba(255, 77, 46, 0.22);
  --selection-bg: rgba(255, 77, 46, 0.35);
  --selection-fg: #1a0a07;

  --page-bg-1: rgba(255, 77, 46, 0.09);
  --page-bg-2: rgba(255, 196, 120, 0.05);
  --page-bg-3: rgba(18, 16, 14, 0.94);

  --meta-theme-color: #12100e;
  --site-header-bar: 4.8125rem;
}

html.theme-light {
  color-scheme: light;
  --bg: #fbf7f0;
  --bg-elevated: #f3ebe0;
  --bg-card: #fffefb;
  --bg-card-hover: #fffdf8;
  --border: rgba(26, 20, 16, 0.1);
  --border-strong: rgba(26, 20, 16, 0.16);
  --text: #1a1410;
  --muted: #5c534a;
  --accent: #d4380c;
  --accent-hover: #e85528;
  --accent-dim: #9c2a0a;
  --accent-soft: rgba(212, 56, 12, 0.12);
  --accent-glow: rgba(212, 56, 12, 0.18);
  --warn: #b45309;
  --warn-soft: rgba(180, 83, 9, 0.1);
  --on-accent: #fffaf6;

  --header-bg: rgba(251, 247, 240, 0.9);
  --header-blur: 20px;
  --shadow-menu: 0 24px 50px rgba(26, 20, 16, 0.12);
  --shadow-card: 0 10px 36px rgba(26, 20, 16, 0.08);
  --shadow-card-hover: 0 18px 48px rgba(26, 20, 16, 0.1);
  --shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 0.9);
  --tap-highlight: rgba(212, 56, 12, 0.18);
  --selection-bg: rgba(212, 56, 12, 0.22);
  --selection-fg: #1a0a07;

  --page-bg-1: rgba(212, 56, 12, 0.08);
  --page-bg-2: rgba(120, 90, 60, 0.06);
  --page-bg-3: rgba(251, 247, 240, 0.96);

  --meta-theme-color: #fbf7f0;
  --site-header-bar: 4.8125rem;
}