/* =========================================================
   Територія Закону — токени v2 (резинова шкала, світла/темна тема)
   Тема: data-theme="light|dark" на <html>. Ставить інлайн-скрипт у <head>:
   збережений вибір або системне налаштування. Без JS — світла.
   Контраст AA перевірено для обох тем.
   ========================================================= */

:root {
  --bg: #F7F8FA;            /* холодний білий */
  --surface: #FFFFFF;       /* картки */
  --surface-2: #EEF1F5;     /* тонована секція */
  --line: #D5DBE3;
  --line-strong: #B9C2CF;
  --text: #0F1B2D;          /* 16.3:1 на bg */
  --muted: #4B5668;         /* 7.0:1 */
  --accent: #9C7A3C;        /* лінії, номери, іконки (≥24px) */
  --accent-text: #7A5C26;   /* дрібний акцентний текст, 5.8:1 */
  --plane: #0F1B2D;         /* темні площини: шапка, hero, запис */
  --plane-2: #16233A;
  --on-plane: #F7F8FA;
  --on-plane-muted: #AEB6C4;
  --on-plane-line: rgba(247, 248, 250, .14);
  --gold: #C9A866;          /* акцент на темному */
  --ivory: #ECE2D0;         /* головна кнопка на темному */
  --alert: #9A3B2B;
  --alert-bg: #F8EDEA;
  --alert-line: #EBCFC8;
  --hover: #FCFCFD;
  --chipbar: rgba(247, 248, 250, .92);
  --portrait: radial-gradient(ellipse 80% 60% at 50% 28%, #2C4063 0%, #1E2D47 55%, #18253B 100%);
  --shadow: 0 18px 40px -26px rgba(15, 27, 45, .35);

  --display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --sans: Manrope, "Segoe UI", system-ui, -apple-system, sans-serif;

  /* Резинова сітка: поля ростуть з шириною, контент на всю ширину */
  --g: clamp(20px, 5vw, 160px);
  --sy: clamp(72px, 2.5rem + 4vw, 200px);
  --hdr: clamp(64px, 3.5rem + 1.2vw, 120px);
  --measure: 46rem;
  --r: 4px;
  --ease: cubic-bezier(.2, .7, .2, 1);

  color-scheme: light;
}

[data-theme="dark"] {
  --bg: #0B1422;
  --surface: #111C2E;
  --surface-2: #16233A;
  --line: #24324A;
  --line-strong: #364763;
  --text: #E8ECF2;
  --muted: #A3ADBD;
  --accent: #C9A866;
  --accent-text: #D4B97F;
  --plane: #0F1B2D;
  --plane-2: #16233A;
  --on-plane: #E8ECF2;
  --on-plane-muted: #A3ADBD;
  --alert: #E8A08A;
  --alert-bg: #261E2A;
  --alert-line: rgba(232, 160, 138, .22);
  --hover: #142036;
  --chipbar: rgba(11, 20, 34, .9);
  --portrait: radial-gradient(ellipse 80% 60% at 50% 28%, #F1F3F6 0%, #E3E7ED 60%, #D9DEE6 100%);
  --shadow: 0 18px 40px -22px rgba(0, 0, 0, .8);
  color-scheme: dark;
}