/* ═══════════════════════════════════════════════════
   THE STEAMERS – Design Tokens
   Warm · playful · on-brand
   ═══════════════════════════════════════════════════ */
:root {

  /* ── Backgrounds ─────────────────────────────────── */
  --bg:          #f3f0e6;   /* warm parchment            */
  --surface:     #faf8f2;   /* card / panel bg           */
  --surface-alt: #eceae0;   /* alternate surface         */

  /* ── Brand Green (logo color) ────────────────────── */
  --green:       #6b9c28;   /* primary – matches logo    */
  --green-dark:  #4a7018;   /* darker shade              */
  --green-900:   #243010;   /* near-black text           */
  --green-light: #8cc038;   /* lighter accent            */
  --green-pale:  #e8f0d8;   /* tint for backgrounds      */

  /* ── Yellow / Mustard (flyer accent) ─────────────── */
  --yellow:      #d4b828;   /* from Spring Break flyer   */
  --yellow-light:#f0d840;   /* brighter variant          */
  --yellow-pale: #faf4cc;   /* light tint                */

  /* ── Signal ──────────────────────────────────────── */
  --red:         #c8291f;

  /* ── Text ────────────────────────────────────────── */
  --text:          #1e2c0a;
  --text-muted:    rgba(30,44,10,.55);
  --text-dim:      rgba(30,44,10,.30);
  --text-on-green: #f3f0e6;
  --text-on-yellow:#1e2c0a;

  /* ── Borders & Shadows ───────────────────────────── */
  --border:        1.5px solid rgba(107,156,40,.22);
  --border-strong: 2px   solid rgba(107,156,40,.5);
  --border-dark:   1.5px solid rgba(30,44,10,.14);
  --shadow-sm:  0 2px  8px rgba(30,44,10,.07);
  --shadow:     0 4px 20px rgba(30,44,10,.10);
  --shadow-lg:  0 12px 48px rgba(30,44,10,.13);
  --shadow-xl:  0 24px 72px rgba(30,44,10,.16);

  /* ── Radius ──────────────────────────────────────── */
  --r-sm:   6px;
  --r-md:   16px;
  --r-lg:   24px;
  --r-xl:   32px;
  --r-full: 9999px;

  /* ── Typography ──────────────────────────────────── */
  --font-display: 'Bebas Neue', sans-serif;
  --font-brand:   'Fredoka One', cursive;
  --font-body:    'Nunito', sans-serif;

  /* ── Spacing (8pt) ───────────────────────────────── */
  --s1:  0.25rem;
  --s2:  0.5rem;
  --s3:  0.75rem;
  --s4:  1rem;
  --s5:  1.25rem;
  --s6:  1.5rem;
  --s8:  2rem;
  --s10: 2.5rem;
  --s12: 3rem;
  --s16: 4rem;
  --s20: 5rem;
  --s24: 6rem;

  /* ── Easing ──────────────────────────────────────── */
  --ease:   cubic-bezier(0.16, 1, 0.3, 1);
  --t-fast: 130ms;
  --t-base: 260ms;
  --t-slow: 480ms;
}