/* Єдині правила дизайну сторінок новин. Кольори, товщини і тіні змінюються тільки тут; компоненти в style.css,
   matrix.css і header.css беруть значення через var(). Світла тема — блок html[data-theme="light"], темна — :root.
   Опис кожного правила і його значення в обох темах: docs/design-spec.json (перевіряється в tests/test_design_tokens.py). */
:root {
  --bg: #070d26;
  --panel: #0e1838;
  --panel-2: #142150;
  --fg: #d4c9ab;
  --heading: #e6dab9;
  --muted: #a9b3d6;
  --tile: #0e1838;
  --line: #27366a;
  --tile-border: #1f2d5c;
  --accent: #d9b56a;
  --gold-soft: #b9975a;
  --accent-ink: #1a1203;
  --free: #7fd9a6;
  --paid: #f0a86a;
  --glow: rgba(224, 176, 74, 0.25);
  --nav-pill: #efe2c2;
  --nav-shadow: 0 4px 14px rgba(0, 0, 0, 0.3);
  --pop-shadow: 0 12px 32px rgba(0, 0, 0, 0.45);
  --demo-bg: #050a1f;
  --headline-weight: 400;
  color-scheme: dark;
}
html[data-theme="light"] {
  --bg: #e6dab9;
  --panel: #f2ead6;
  --panel-2: #ebe0c4;
  --fg: #070d26;
  --heading: #070d26;
  --muted: #3d4a76;
  --tile: #f2ead6;
  --line: #b9a57a;
  --tile-border: #b9a57a;
  --accent: #6b4c12;
  --gold-soft: #b9975a;
  --accent-ink: #070d26;
  --free: #1d6b44;
  --paid: #8f4313;
  --glow: rgba(185, 151, 90, 0.35);
  --nav-pill: #070d26;
  --nav-shadow: 0 4px 14px rgba(7, 13, 38, 0.15);
  --pop-shadow: 0 12px 32px rgba(7, 13, 38, 0.18);
  --demo-bg: #f2ead6;
  color-scheme: light;
}