/* Canopy shared tokens — gold on charcoal.
   Hub (index.html):           href="shared/theme.css"
   Deck / app pages (one up):  href="../shared/theme.css"
   Variables only. Do not assume layout. */

:root {
  --canopy-charcoal: #12100c;
  --canopy-charcoal-raised: #1b1813;
  --canopy-charcoal-elevated: #221e17;
  --canopy-line: #2e2a20;
  --canopy-gold: #c4a35a;
  --canopy-gold-dim: #8a7340;
  --canopy-gold-soft: rgba(196, 163, 90, 0.16);
  --canopy-cream: #f3ead3;
  --canopy-cream-muted: #c9be9a;
  --canopy-ink: #12100c;

  --font-display: "Cormorant Garamond", "Iowan Old Style", Palatino, "Palatino Linotype", Georgia, serif;
  --font-ui: "Source Sans 3", "Avenir Next", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;

  --canopy-max: 1080px;
  --canopy-radius: 4px;
}

html {
  color-scheme: dark;
}

body.canopy-theme {
  margin: 0;
  background: var(--canopy-charcoal);
  color: var(--canopy-cream);
  font-family: var(--font-ui);
}