/* ============================================================
   Добролёт — дизайн-токены
   ДНК извлечена из old.vsegdabeat.com (тёмный, фото-центричный,
   sage-зелёный + золото-песок акценты, Oswald + Helvetica).
   Здесь: семантические роли, две темы. Светлая — дефолт.
   Светлая выведена (тёплая бумага + те же акценты),
   тёмная — на базе оригинальной тёмной основы (теплее чистого #000).
   ============================================================ */

:root {
  /* --- Акценты (общие для обеих тем, из ДНК старого сайта) --- */
  --accent: #6F8E80;          /* sage/teal — главный акцент */
  --accent-hover: #5C7B6E;
  --accent-strong: #4E6A5E;
  --gold: #C49A5E;            /* золото-песок — вторичный акцент */
  --gold-hover: #B5854A;
  --on-accent: #F7F3EA;       /* текст на sage/gold */

  /* --- Светлая тема (дефолт): тёплая бумага --- */
  --bg: #F4EFE6;              /* тёплый бумажный фон */
  --bg-elevated: #FBF8F1;     /* приподнятые блоки/шапка */
  --surface: #FFFFFF;         /* карточки */
  --surface-alt: #EBE3D4;     /* чередующиеся секции */
  --text: #211E1A;            /* основной текст */
  --text-muted: #6A6356;      /* вторичный текст */
  --text-faint: #938A78;      /* подписи, мета */
  --border: rgba(33,30,26,.14);
  --border-soft: rgba(33,30,26,.07);
  --card: var(--surface);
  --on-card: var(--text);
  --shadow-sm: 0 1px 2px rgba(33,30,26,.06);
  --shadow-md: 0 8px 24px -8px rgba(33,30,26,.18);
  --shadow-lg: 0 24px 60px -20px rgba(33,30,26,.28);
  --hero-overlay: linear-gradient(180deg, rgba(20,18,15,.15) 0%, rgba(20,18,15,.45) 60%, #14120F 100%);

  /* --- Dropdown icons (mask-based, color = currentColor) --- */
  --icon-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpolygon points='2.9,0 8,4 2.9,8'/%3E%3Crect x='0' y='0' width='1.6' height='8'/%3E%3C/svg%3E");
  --icon-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Crect x='1.8' y='0' width='1.6' height='8'/%3E%3Crect x='4.6' y='0' width='1.6' height='8'/%3E%3C/svg%3E");

  /* --- Типографика --- */
  --font-display: 'Oswald', 'Manrope', system-ui, sans-serif; /* condensed grotesk — заголовки/нав, есть кириллица */
  --font-body: 'Manrope', 'Helvetica Neue', Helvetica, Arial, sans-serif; /* текст, полная кириллица */
  --font-mono: 'Spline Sans Mono', ui-monospace, monospace; /* тех. подписи, райдер ×N */
  --tracking-wide: 0.06em;   /* «разрядка 1px» старого сайта */
  --tracking-wider: 0.12em;

  /* --- Spacing / radius (из ДНК: 4/10px радиусы) --- */
  --r-sm: 4px;
  --r-md: 10px;
  --r-lg: 18px;
  --space-section: clamp(64px, 9vw, 120px);
  --maxw: 1280px;
}

/* --- Тёмная тема: оригинальная тёмная основа старого сайта, теплее #000 --- */
[data-theme="dark"] {
  --bg: #15120D;              /* тёплый уголь (не чистый чёрный) */
  --bg-elevated: #1E1A13;
  --surface: #221D15;
  --surface-alt: #1A160F;
  --text: #EFE7D7;            /* тёплый кремовый (как #E6E6E6 у старого) */
  --text-muted: #B3A790;
  --text-faint: #7E7259;
  --border: rgba(239,231,215,.12);
  --border-soft: rgba(239,231,215,.06);
  --card: var(--surface);
  --on-card: var(--text);
  --accent: #7E9D8E;          /* sage чуть светлее для контраста на тёмном */
  --accent-hover: #91AE9F;
  --gold: #D1AA74;            /* золото из старого сайта точь-в-точь */
  --gold-hover: #E0BC8A;
  --on-accent: #15120D;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.4);
  --shadow-md: 0 8px 24px -8px rgba(0,0,0,.6);
  --shadow-lg: 0 24px 60px -20px rgba(0,0,0,.75);
  --hero-overlay: linear-gradient(180deg, rgba(10,8,5,.25) 0%, rgba(10,8,5,.6) 55%, #14120F 100%);
}