/* ============================================
   DESIGN TOKENS
   Change values here to re-theme the whole site.
   ============================================ */
:root {
  /* Color — warm stone ground, muted teal for steadiness, ochre for warmth */
  --color-bg: #F6F3EE;
  --color-bg-alt: #EDE6DA;
  --color-ink: #262E29;
  --color-ink-soft: #4A5750;
  --color-accent: #4C6B62;
  --color-accent-soft: #DCE5E1;
  --color-warm: #B8895A;
  --color-line: #D8CFC0;
  --color-surface: #FFFFFF;

  /* Type */
  --font-display: "Newsreader", "Iowan Old Style", Georgia, serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;

  --fs-hero: clamp(2.4rem, 5vw + 1rem, 4.4rem);
  --fs-h2: clamp(1.7rem, 2.5vw + 1rem, 2.4rem);
  --fs-h3: 1.25rem;
  --fs-body: 1.05rem;
  --fs-small: 0.875rem;

  /* Spacing scale */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.75rem;
  --space-4: 3rem;
  --space-5: 5rem;
  --space-6: 8rem;

  /* Layout */
  --max-width: 1120px;
  --radius: 4px;
  --border: 1px solid var(--color-line);

  /* Header surface — separate so dark mode can override the rgba value */
  --color-header-bg: rgba(246, 243, 238, 0.90);
  --color-nav-bg:    rgba(246, 243, 238, 0.98);

  /* Motion */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --duration: 0.5s;
}

/* ---- Dark theme ---- */
[data-theme="dark"] {
  --color-bg:          #252B28;
  --color-bg-alt:      #2C332F;
  --color-ink:         #E0DCD4;
  --color-ink-soft:    #9BABA4;
  --color-accent:      #70A096;
  --color-accent-soft: #243530;
  --color-warm:        #C9A070;
  --color-line:        #3A4440;
  --color-surface:     #313937;
  --color-header-bg:   rgba(37, 43, 40, 0.92);
  --color-nav-bg:      rgba(37, 43, 40, 0.98);
}