/* ============================================================
   theme.css — Design tokens for maggieandmatthias.com
   Trichromatic refined palette + swappable font architecture.
   To swap fonts later: change --font-display / --font-body
   below (and add @font-face declarations in fonts.css).
   ============================================================ */

:root {
  /* ---- Font stack (SWAPPABLE) ----
     Replace the first value in each stack with your chosen
     font family name once the font files are added. */
  --font-display: "SiteDisplayFont", "Cormorant Garamond", Georgia, serif;
  --font-body: "SiteBodyFont", "Georgia", "Times New Roman", serif;
  --font-ui: "SiteUIFont", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* ---- Trichromatic palette ---- */
  --color-primary: #1f3d34;      /* deep evergreen */
  --color-primary-soft: #2f5348;
  --color-accent: #b08d57;       /* warm brass / gold */
  --color-accent-soft: #cbab84;
  --color-bg: #f7f3ea;           /* ivory / parchment */
  --color-surface: #fffdf8;
  --color-ink: #23271f;          /* near-black text */
  --color-ink-soft: #55584f;
  --color-line: #e2dbcb;

  /* ---- Typographic scale (fluid) ---- */
  --step-hero: clamp(2.6rem, 6vw, 5rem);
  --step-h2: clamp(1.9rem, 3.5vw, 2.9rem);
  --step-h3: clamp(1.25rem, 2vw, 1.6rem);
  --step-body: clamp(1rem, 1.1vw, 1.15rem);
  --step-small: 0.85rem;

  /* ---- Spacing & layout ---- */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 6.5rem;
  --maxw: 1180px;
  --radius: 4px;
  --shadow: 0 10px 30px rgba(31, 61, 52, 0.10);
  --transition: 0.25s ease;
}