/* ==========================================================================
   Theme: Alpine Lodge (default)
   Warm wood-and-cream lodge character — Fraunces serif display over a system
   Charter body stack, deep forest CTAs, warm wood accents, soft warm shadows.
   Tokens only + sanctioned override hooks (see base.css manifest).
   ========================================================================== */

@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url("/assets/fonts/fraunces-latin-var.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* Color */
  --c-bg: #F7F3EA;
  --c-surface: #FFFFFF;
  --c-surface-alt: #EFE8D8;
  --c-text: #33302A;
  --c-text-muted: #6E675C;
  --c-heading: #243A2B;
  --c-primary: #2F4A34;
  --c-primary-hover: #263D2B;
  --c-on-primary: #F7F3EA;
  --c-accent: #A9713C;            /* warm wood — decorative rules/markers */
  --c-link: #8A5527;              /* deepened wood for AA link text on cream */
  --c-border: #E3DAC8;
  --c-focus-ring: #2F4A34;
  --c-header-bg: #243A2B;
  --c-header-text: #F7F3EA;
  --c-footer-bg: #243A2B;
  --c-footer-text: #F0EADC;
  --c-hero-overlay: rgba(20, 30, 20, .35);
  --c-success: #2F6A3A;
  --c-error: #A1352B;
  --cal-available-bg: #FDFBF5;
  --cal-blocked-bg: #E7DFCF;
  --cal-blocked-fg: #8A8272;
  --cal-blocked-pattern: repeating-linear-gradient(135deg,
      transparent 0 5px, rgba(110, 103, 92, .16) 5px 7px);
  --cal-blocked-strike: none;
  --cal-today-ring: #A9713C;
  --hero-chip-bg: rgba(36, 58, 43, .55);
  --hero-chip-text: #F7F3EA;

  /* Type */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: Charter, "Bitstream Charter", "Sitka Text", Cambria, Georgia, serif;
  --fs-xs: .78rem;
  --fs-sm: .92rem;
  --fs-base: clamp(1rem, .96rem + .2vw, 1.09rem);
  --fs-lg: clamp(1.15rem, 1.05rem + .5vw, 1.36rem);
  --fs-xl: clamp(1.45rem, 1.3rem + .8vw, 1.8rem);
  --fs-2xl: clamp(1.9rem, 1.5rem + 1.7vw, 2.7rem);
  --fs-3xl: clamp(2.6rem, 1.9rem + 3.6vw, 4.4rem);
  --fw-display: 500;
  --fw-heading: 700;
  --fw-body: 400;
  --lh-tight: 1.15;
  --lh-body: 1.65;
  --ls-display: 0;
  --tt-display: none;
  --tt-btn: none;

  /* Space / shape */
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 5.5rem;
  --space-10: 7rem;
  --container-max: 72.5rem;
  --section-pad-y: clamp(3.5rem, 8vw, 6rem);
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --border-w: 1px;
  --shadow-sm: 0 2px 8px rgba(60, 50, 30, .08);
  --shadow-md: 0 6px 20px rgba(60, 50, 30, .12);
  --shadow-lg: 0 14px 40px rgba(60, 50, 30, .16);
  --btn-radius: 8px;
  --gallery-gap: 10px;
  --gallery-radius: 10px;
  --hero-min-h: 86vh;
  --header-h: 4.25rem;
}

/* --- Sanctioned override hooks ------------------------------------------ */

/* Inverted header CTA: cream badge on the deep-forest bar. */
.site-header .btn-primary {
  background: #F7F3EA;
  color: #243A2B;
}
.site-header .btn-primary:hover {
  background: #FFFFFF;
  color: #243A2B;
}