/* ═══════════════════════════════════════════════════════════════
   WAAS Food & Beverages Theme System
   ─────────────────────────────────────────────────────────────
   Each theme sets the full token set as CSS custom properties
   on [data-theme="..."]. Layouts read tokens only — no hard-coded
   color values anywhere in the layout HTML.
   ═══════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@300..800&family=Bricolage+Grotesque:wght@400..800&family=DM+Sans:wght@300..700&family=DM+Serif+Display&family=Fraunces:opsz,wght@9..144,300..700&family=IBM+Plex+Mono:wght@400..600&family=Inter+Tight:wght@300..800&family=JetBrains+Mono:wght@400..600&family=Libre+Caslon+Text:wght@400;700&family=Manrope:wght@300..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Plus+Jakarta+Sans:wght@300..800&family=Rubik:wght@300..800&family=Space+Grotesk:wght@300..700&family=Unbounded:wght@300..800&family=Work+Sans:wght@300..700&display=swap');

/* ──────────────────────────────────────────────────────────────
   1. Slate Bistro — clean, modern, fresh fast-casual (DEFAULT)
   ────────────────────────────────────────────────────────────── */
:root,
[data-theme="slate-bistro"] {
  --brand:        #2f6b4f;
  --brand-dk:     #1f4d38;
  --brand-light:  #e2efe8;
  --bg:           #f7f5ef;
  --surface:      #ffffff;
  --surface-2:    #ece8de;
  --text:         #14201a;
  --text-dim:     #4a5a52;
  --muted:        #8a958f;
  --border:       #d8d2c2;
  --accent:       #d68f3a;

  --font-display: "Fraunces", "Times New Roman", serif;
  --font-body:    "Plus Jakarta Sans", system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, monospace;

  --radius:       6px;
  --radius-lg:    14px;
  --theme-name:   "Slate Bistro";
  --theme-kind:   "modern · fresh";
}

/* ──────────────────────────────────────────────────────────────
   2. Bold Aloha — loud yellow + black, sticker energy (diner-bold)
   ────────────────────────────────────────────────────────────── */
[data-theme="bold-aloha"] {
  --brand:        #f5c93a;
  --brand-dk:     #d6a614;
  --brand-light:  #fff4c4;
  --bg:           #fdf5d7;
  --surface:      #ffffff;
  --surface-2:    #ffe78a;
  --text:         #0a0a0a;
  --text-dim:     #2a2a2a;
  --muted:        #6e6a5e;
  --border:       #1a1a1a;
  --accent:       #d83a3a;

  --font-display: "Unbounded", "Archivo Black", sans-serif;
  --font-body:    "Archivo", system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, monospace;

  --radius:       2px;
  --radius-lg:    4px;
  --theme-name:   "Bold Aloha";
  --theme-kind:   "loud · sticker";
}

/* ──────────────────────────────────────────────────────────────
   3. Trattoria — warm sun-baked Italian (renamed from terracotta
   to avoid conflict with the Salon & Beauty terracotta theme)
   ────────────────────────────────────────────────────────────── */
[data-theme="trattoria"] {
  --brand:        #b85535;
  --brand-dk:     #8c3e22;
  --brand-light:  #f6e3d6;
  --bg:           #f6ecdc;
  --surface:      #fffaf1;
  --surface-2:    #ecd9bf;
  --text:         #2a1810;
  --text-dim:     #5e4030;
  --muted:        #a0856e;
  --border:       #d8bf9d;
  --accent:       #5e7a3a;

  --font-display: "Playfair Display", "Times New Roman", serif;
  --font-body:    "DM Sans", system-ui, sans-serif;
  --font-mono:    "IBM Plex Mono", ui-monospace, monospace;

  --radius:       4px;
  --radius-lg:    10px;
  --theme-name:   "Trattoria";
  --theme-kind:   "warm · Italian";
}

/* ──────────────────────────────────────────────────────────────
   4. Cream & Crema — coffee shop, soft beige + espresso
   ────────────────────────────────────────────────────────────── */
[data-theme="cream-crema"] {
  --brand:        #6b3e20;
  --brand-dk:     #4d2a14;
  --brand-light:  #efe2cf;
  --bg:           #f4ece0;
  --surface:      #fbf7ee;
  --surface-2:    #e8dac4;
  --text:         #1f1610;
  --text-dim:     #564838;
  --muted:        #99876e;
  --border:       #d8c8af;
  --accent:       #c98c5f;

  --font-display: "DM Serif Display", Georgia, serif;
  --font-body:    "Inter Tight", system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, monospace;

  --radius:       8px;
  --radius-lg:    18px;
  --theme-name:   "Cream & Crema";
  --theme-kind:   "coffee · soft";
}

/* ──────────────────────────────────────────────────────────────
   5. Forest Grocer — farm-to-table, deep green + ivory
   ────────────────────────────────────────────────────────────── */
[data-theme="forest-grocer"] {
  --brand:        #1f4530;
  --brand-dk:     #102d1d;
  --brand-light:  #d6e4d8;
  --bg:           #f0eee0;
  --surface:      #ffffff;
  --surface-2:    #e2dfc6;
  --text:         #0d1a13;
  --text-dim:     #3e4a40;
  --muted:        #818b80;
  --border:       #c9c8a8;
  --accent:       #c89a3a;

  --font-display: "Bricolage Grotesque", system-ui, sans-serif;
  --font-body:    "Manrope", system-ui, sans-serif;
  --font-mono:    "IBM Plex Mono", ui-monospace, monospace;

  --radius:       10px;
  --radius-lg:    20px;
  --theme-name:   "Forest Grocer";
  --theme-kind:   "farm · ivory";
}

/* ──────────────────────────────────────────────────────────────
   6. Midnight Supper — moody dark dining, candle gold
   ────────────────────────────────────────────────────────────── */
[data-theme="midnight-supper"] {
  --brand:        #d4a35a;
  --brand-dk:     #a87c34;
  --brand-light:  #2a2418;
  --bg:           #14110d;
  --surface:      #1d1914;
  --surface-2:    #28231b;
  --text:         #efe7d8;
  --text-dim:     #b3a892;
  --muted:        #756d5e;
  --border:       #322c22;
  --accent:       #b85535;

  --font-display: "Libre Caslon Text", Georgia, serif;
  --font-body:    "Inter Tight", system-ui, sans-serif;
  --font-mono:    "IBM Plex Mono", ui-monospace, monospace;

  --radius:       2px;
  --radius-lg:    4px;
  --theme-name:   "Midnight Supper";
  --theme-kind:   "dark · candlelit";
}

/* ──────────────────────────────────────────────────────────────
   7. Paper Diner — classic Americana red + cream
   ────────────────────────────────────────────────────────────── */
[data-theme="paper-diner"] {
  --brand:        #c8243a;
  --brand-dk:     #93182b;
  --brand-light:  #fadcd9;
  --bg:           #f9f3e6;
  --surface:      #ffffff;
  --surface-2:    #f0e6d0;
  --text:         #1a1410;
  --text-dim:     #4a3f33;
  --muted:        #8e8676;
  --border:       #d8ccaf;
  --accent:       #2c5d8a;

  --font-display: "Fraunces", Georgia, serif;
  --font-body:    "Work Sans", system-ui, sans-serif;
  --font-mono:    "IBM Plex Mono", ui-monospace, monospace;

  --radius:       4px;
  --radius-lg:    8px;
  --theme-name:   "Paper Diner";
  --theme-kind:   "americana · classic";
}

/* ──────────────────────────────────────────────────────────────
   8. Noir Pour — late-night cocktail bar, deep + brass
   ────────────────────────────────────────────────────────────── */
[data-theme="noir-pour"] {
  --brand:        #c89c5e;
  --brand-dk:     #9a7440;
  --brand-light:  #2a2418;
  --bg:           #0e0d0c;
  --surface:      #1a1816;
  --surface-2:    #25221e;
  --text:         #ece4d3;
  --text-dim:     #a89d87;
  --muted:        #6f6657;
  --border:       #2e2a25;
  --accent:       #6e2a3a;

  --font-display: "Unbounded", "Helvetica Neue", sans-serif;
  --font-body:    "Space Grotesk", system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, monospace;

  --radius:       0px;
  --radius-lg:    0px;
  --theme-name:   "Noir Pour";
  --theme-kind:   "late-night · brass";
}

/* ──────────────────────────────────────────────────────────────
   9. Greek Life — fresh greens + warm cream, Greenhaus default
   ────────────────────────────────────────────────────────────── */
[data-theme="greek-life"] {
  --brand:        #2f6b4f;
  --brand-dk:     #1f4d38;
  --brand-light:  #e2efe8;
  --bg:           #f7f5ef;
  --surface:      #ffffff;
  --surface-2:    #ece8de;
  --text:         #14201a;
  --text-dim:     #4a5a52;
  --muted:        #8a958f;
  --border:       #d8d2c2;
  --accent:       #d68f3a;

  --font-display: "Fraunces", "Times New Roman", serif;
  --font-body:    "Plus Jakarta Sans", system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, monospace;

  --radius:       6px;
  --radius-lg:    14px;
  --theme-name:   "Greek Life";
  --theme-kind:   "fresh · green";
}