/* ============================================================
   theme.css — Lotus & Lime Yoga (Galway)
   A per-CLIENT re-skin of the Percolator framework. This file
   ONLY overrides design tokens — no component CSS is touched.
   Load order: tokens.css (defaults) → theme.css → base/components
   → site.css. Demonstrates the framework's core promise: change
   the tokens, the whole system follows.
   ============================================================ */

:root {
  /* ---- Colour — "limestone & lime" -------------------------
     Light, airy, west-of-Ireland calm. Lime is the single bold
     accent and is kept OFF body text (it fails contrast); pine
     does the legible work (links, buttons, icons). */
  --color-bg:           #F2F4EC;   /* pale sage limestone */
  --color-surface:      #FBFBF6;   /* near-white card */
  --color-surface-2:    #E7ECDD;   /* soft sage panel */
  --color-text:         #1C2B25;   /* deep pine ink */
  --color-text-muted:   #54645B;   /* muted sage-grey — clears AA on --color-bg */
  --color-brand:        #2E4A3F;   /* pine — legible accent + primary buttons */
  --color-brand-hover:  #233A31;
  --color-border:       #D8DECB;
  --color-success:      #4C7A3E;
  --color-warn:         #B7872B;
  --color-danger:       #B23A2E;
  --color-overlay:      rgba(28, 43, 37, 0.55);

  /* Bespoke tokens for this brand (signature + warmth) */
  --brand-lime:         #B7D52A;   /* signature — decorative / large only */
  --brand-lime-soft:    #DCE9A6;
  --brand-sand:         #C9A86A;   /* warm tone, used sparingly on retreat */

  /* ---- Typography — Fraunces (display) + Hanken (body) ----- */
  --font-sans:    "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;

  /* A touch more line height for a calmer read */
  --leading-normal: 1.7;

  /* ---- Softer surfaces ------------------------------------- */
  --radius-md:   10px;
  --radius-lg:   22px;
  --shadow-sm:   0 1px 2px rgba(28,43,37,0.06);
  --shadow-md:   0 18px 40px rgba(28,43,37,0.12);

  --max-width-content: 74rem;
}