/* Fantasize — site-wide stylesheet (single source of truth).
   Loaded on every page via includes/head_script.php. Per /home/CLAUDE.md: CSS lives here,
   not in per-page <style> blocks. Pages are being migrated off inline styles one at a time
   (rule #7: verify each). Until a page is migrated its local <style> still overrides this —
   that's fine because the values below are identical.

   ── Variables ───────────────────────────────────────────────────────────────────────── */
:root {
    /* canonical scheme (--color-*) */
    --color-cream:     #FAF8F4;
    --color-warm:      #F3EDE4;
    --color-ink:       #1A1714;
    --color-muted:     #6B635A;
    --color-accent:    #8B6914;
    --color-gold:      #C49B2C;
    --color-gold-soft: #E8D5A0;
    --color-divider:   #DDD6CA;
    --color-hero-bg:   #F7F2E8;
    --color-high:      #a04040;  /* high fare */
    --color-low:       #3d7c3a;  /* low fare */
    --font-display:    'Cormorant Garamond', Georgia, serif;
    --font-body:       'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

    /* legacy bare aliases — the reposition pages (adventures/experiences/adventure/…) used these
       names. Aliased to the canonical values so there is ONE source of truth, not two schemes. */
    --cream:   var(--color-cream);
    --warm:    var(--color-warm);
    --ink:     var(--color-ink);
    --muted:   var(--color-muted);
    --accent:  var(--color-accent);
    --gold:    var(--color-gold);
    --divider: var(--color-divider);
    --disp:    var(--font-display);
    --body:    var(--font-body);
    --low:     #3B6B2A;  /* pre-existing; a slightly different green than --color-low — preserved as-is, not yet unified */
}

/* ── Base ────────────────────────────────────────────────────────────────────────────── */
* { margin: 0; padding: 0; box-sizing: border-box; }

body {
    font-family: var(--font-body);
    background: var(--color-cream);
    color: var(--color-ink);
    -webkit-font-smoothing: antialiased;
}

a { color: inherit; }
img { max-width: 100%; }

/* ── Shared footer (was duplicated in 19 pages, two slightly-different forms — unified here) ── */
.site-footer { text-align: center; padding: 1.8rem 1rem; border-top: 1px solid var(--color-divider); font-size: 0.72rem; color: var(--color-muted); }
.site-footer a { color: var(--color-muted); text-decoration: none; margin: 0 0.5rem; }

/* Other shared components (cards, section labels, the lead-editorial fold, the email gate)
   can migrate here next; page-specific layout stays scoped to its page. */