/* ============================================================
   Theme: VERDANT  -  garden, botanical, plant-forward
   ------------------------------------------------------------
   For: garden cafes, plant-based / plant-forward kitchens,
   health-focused brunch and courtyard spots. Mood: a glasshouse
   in morning sun. Sage and deep-forest greens, a warm terracotta
   pop, a humanist serif under a clean sans, soft organic corners.
   Greenery and natural light everywhere; the menu leans whole,
   green and seasonal.

   A theme = token overrides + a few .theme-verdant structural
   tweaks. It never edits base.css or sections.css.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Figtree:wght@400;500;600;700&display=swap');

.theme-verdant {
  /* -------- Surfaces (soft sage + bone) ------------------ */
  --bg:        #F3F1E7;   /* warm bone with a green cast        */
  --bg-2:      #E6EADC;   /* pale sage alt sections             */
  --surface:   #FBFAF3;   /* cards / elevated panels            */

  /* -------- Text (deep forest ink) ----------------------- */
  --fg:            #283228;
  --fg-muted:      #5E6B5A;
  --heading-color: #1F3026;   /* deepest forest                 */

  /* -------- Accent (forest green) + terracotta pop ------- */
  --accent:        #3C6E47;   /* fills, buttons, rules          */
  --accent-bright: #3B6A48;   /* links/prices on light (AA)     */
  --accent-hover:  #2C5236;
  --accent-2:      #C76B4A;   /* warm terracotta - dots, badges */
  --on-accent:     #FBFAF3;   /* bone text on green fills        */

  --hairline:   rgba(31, 48, 38, 0.14);
  --hairline-2: rgba(31, 48, 38, 0.26);

  /* -------- Hero (verdant garden veil) ------------------- */
  --hero-ink: #FBFAF3;
  --hero-min-h: 92vh;
  --hero-overlay:
    radial-gradient(120% 100% at 50% 40%, rgba(20,38,28,0.24) 0%, rgba(18,34,25,0.52) 66%, rgba(14,28,20,0.82) 100%),
    linear-gradient(180deg, rgba(20,38,28,0.34) 0%, rgba(20,38,28,0.30) 42%, rgba(14,28,20,0.88) 100%);

  /* -------- Footer (deep forest) ------------------------- */
  --footer-bg:     #1F3026;
  --footer-fg:     rgba(243, 241, 231, 0.80);
  --footer-strong: #FBFAF3;
  --footer-head:   #A8C2A0;   /* soft sage label               */

  /* -------- Type ----------------------------------------- */
  --font-display: 'Spectral', Georgia, 'Times New Roman', serif;
  --font-body:    'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --fs-hero: clamp(2.7rem, 6.5vw + 1rem, 5.4rem);
  --heading-weight: 600;
  --heading-tracking: -0.01em;
  --eyebrow-tracking: 0.26em;

  /* -------- Soft, organic corners ------------------------ */
  --radius-1: 8px;
  --radius-2: 18px;
  --radius-3: 28px;
  --radius-btn: 18px;   /* organic, soft-rounded - not a hard pill */
  --rule-color: var(--accent-2);
  --shadow-1: 0 1px 2px rgba(31,48,38,0.05), 0 8px 24px rgba(31,48,38,0.09);
  --shadow-2: 0 18px 46px rgba(31,48,38,0.15);
}

/* ---- Structural personality: soft, organic, garden-grown --- */

/* Pill-soft menu cards on bone with a terracotta-accented head */
.theme-verdant .menu-group {
  background: var(--surface);
  border: 1px solid var(--hairline);
  border-radius: var(--radius-2);
}
.theme-verdant .menu-group__title {
  border-bottom: 2px solid var(--accent);
}

/* Italic, lifted intro lede - reads like a garden note */
.theme-verdant .intro__lede { font-style: italic; font-weight: 500; }
.theme-verdant .intro__lede em { font-style: normal; }

/* A touch more air, like a courtyard */
.theme-verdant section { padding-block: clamp(var(--space-9), 10vw, var(--space-10)); }