/*
  tokens.css
  Single immersive dark theme. Topic accents shift via segment-specific
  CSS overrides to --accent / --accent-2.
*/

:root {
  --font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --fs-display-xl: clamp(2.5rem, 5vw, 4.5rem);
  --fs-display: clamp(2rem, 3.5vw, 3rem);
  --fs-h1: clamp(1.75rem, 2.5vw, 2.25rem);
  --fs-h2: 1.5rem;
  --fs-h3: 1.25rem;
  --fs-body: 1.0625rem;
  --fs-small: 0.875rem;
  --fs-mono: 0.8125rem;

  --content-max: 960px;
  --content-narrow: 720px;
  --content-wide: 1200px;
  --gutter: clamp(1rem, 4vw, 2.5rem);
  --line: 1.65;

  --wash-duration: 1200ms;
  --wash-fast: 600ms;
  --easing: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  /* Default (obsidian + gold) — every page inherits this.
     One navy. Solid for outer surfaces, semi-transparent for floating cards over the honeycomb backdrop. */
  --bg: #0A0B12;
  --surface: rgba(20, 21, 42, 0.78);
  --surface-solid: #14152A;
  --text: #F4ECD8;
  --text-secondary: rgba(244, 236, 216, 0.65);
  --text-muted: rgba(244, 236, 216, 0.4);
  --accent: #C9A961;
  --accent-2: #C9A961;
  --accent-soft: rgba(201, 169, 97, 0.15);
  --rule: rgba(244, 236, 216, 0.12);
  --shadow: 0 30px 80px rgba(0, 0, 0, 0.5);
}

/* Mood class targets per-segment accent variation. Background stays dark. */
:root.mood-obsidian {
  --accent: #C9A961;
  --accent-2: #C9A961;
}

/* Paper mood reused: cool blue accent on the same dark canvas */
:root.mood-paper {
  --accent: #6FA1E6;
  --accent-2: #6FA1E6;
  --accent-soft: rgba(111, 161, 230, 0.15);
}

/* Life mood reused: warm earth accent on the same dark canvas */
:root.mood-life {
  --accent: #D9824A;
  --accent-2: #93B47A;
  --accent-soft: rgba(217, 130, 74, 0.15);
}

.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}