/* Design tokens. Values are injected at runtime from content-config.js
   by theme-engine.js — these are only safe fallbacks. */
:root {
  --primary: #7E9DBE;
  --secondary: #E7D7C9;
  --accent: #C39B4A;
  --bg: #FBF6EE;
  --surface: #FFFDF9;
  --text: #2C3742;
  --text-muted: #6C7A87;
  --btn: #2C3742;
  --btn-text: #FBF6EE;
  --border: #E3D8C8;
  --gradient: linear-gradient(180deg, #EAF1F8 0%, #FBF6EE 55%, #F6E9DC 100%);
  --env-top: #E9F0F7;
  --env-bottom: #F7EADC;
  --env-paper: #FFFCF6;
  --gold: #C39B4A;
  --gold-soft: #E4CB94;

  --font-heading: 'Italiana', serif;
  --font-script: 'Parisienne', cursive;
  --font-body: 'Jost', sans-serif;
  --heading-ls: 0.16em;

  --paper-texture: none;
  --paper-opacity: 0.3;
  --grain-opacity: 0.05;

  --radius: 4px;
  --radius-lg: 22px;
  --speed: 1;
  --step: clamp(1.4rem, 4vw, 2.4rem);
  --gutter: clamp(1.25rem, 5vw, 3rem);
  --maxw: 980px;
}

.btn-shape-pill { --btn-radius: 999px; }
.btn-shape-sharp { --btn-radius: 0px; }
.btn-shape-soft { --btn-radius: 10px; }

/* theme accents per siteTheme — extend freely, no HTML changes needed */
body.theme-panda { --primary: #94A98C; --secondary: #F0E2D6; }
body.theme-teddy { --primary: #C9A587; --secondary: #F1E4D6; }
body.theme-woodland { --primary: #7F9A76; --secondary: #E9E0CE; }
body.theme-safari { --primary: #B79256; --secondary: #EDE3CE; }
body.theme-floral { --primary: #C98F9B; --secondary: #F3E3E5; }
body.theme-boho { --primary: #B98E6E; --secondary: #EFE3D4; }
body.theme-royal { --primary: #5B6CA8; --secondary: #E4E3F2; }
body.theme-minimal { --primary: #9AA3A9; --secondary: #EDEDEA; }
body.theme-rainbow { --primary: #7FAECF; --secondary: #F7E2CE; }
body.theme-balloon { --primary: #8FB8C9; --secondary: #F6DFD4; }
body.theme-vintage { --primary: #A08B6C; --secondary: #EBE1CF; }
body.theme-watercolor { --primary: #8FA9C6; --secondary: #F0E6DA; }