/* ─────────────────────────────────────────────────────────────
   DESIGN TOKENS · colours, fonts, spacing used across the site.
   Change a colour here and it updates everywhere.
   Single dark look by design (night on the mountain).
   ───────────────────────────────────────────────────────────── */
:root {
  /* night sky */
  --night: #110926;
  --deep: #1b0f3d;
  --dusk: #2a1658;
  --violet: #6a3aa8;

  /* accents */
  --magenta: #d9367f;
  --gold: #e9bd67;
  --gold-soft: #f5dca4;
  --ivory: #f7f0e6;
  --mist: #b8a7d8;
  --muted: #8c7cb3;
  --crimson: #8e1636;
  --crimson-hi: #c1214f;
  --line: rgba(233, 189, 103, .28);
  --glass: rgba(27, 15, 61, .62);

  /* tones used by cards (gold / rose / violet / cyan) */
  --tone-gold: #f3c35f;     --tone-gold-2: #a8641a;
  --tone-rose: #ff5fa8;     --tone-rose-2: #8e1650;
  --tone-violet: #a77bff;   --tone-violet-2: #4a2486;
  --tone-cyan: #5fd8ff;     --tone-cyan-2: #155a86;
  --tone-crimson: #ff4f6d;  --tone-crimson-2: #6e0c26;

  /* fonts */
  --f-display: "Zen Dots", "Audiowide", "Arial Black", sans-serif;
  --f-ui: "Kanit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --f-body: "M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", "Nunito", "Segoe UI", system-ui, sans-serif;
  --f-deva: "Tiro Devanagari Hindi", "Noto Serif Devanagari", "Mangal", serif;

  /* layout */
  --header-h: 84px;
  --gut-l: max(16px, env(safe-area-inset-left, 0px));
  --gut-r: max(16px, env(safe-area-inset-right, 0px));

  color-scheme: dark;
}