/* ================================================================
   KITCHEN GODDESS CATERING — THEME FILE
   ================================================================
   This is the ONLY file you need to edit to change the look.
   Swap the active theme block, or add a new one entirely.
   Tell Claude Code: "switch to the sage green theme" and it will
   just update the variables below.
   ================================================================ */

/* ──────────────────────────────────────────────────────────────
   ACTIVE THEME: 6 — Kitchen Goddess (Warm Charcoal & Bronze)
   Matched to the logo: charcoal-brown figure, bronze wok,
   natural veggie pops of color, silver-white hair
   ────────────────────────────────────────────────────────────── */
:root {
  /* Core Brand Colors — pulled from the logo */
  --color-primary:      #5c4a3a;   /* warm charcoal-brown (logo figure) */
  --color-primary-dark: #4a3c31;   /* deeper brown — hover states */
  --color-secondary:    #a0845c;   /* bronze/wok gold — accents */
  --color-secondary-lt: #c4ab7e;   /* lighter bronze — hover rings */

  /* Backgrounds */
  --color-bg-main:      #fbf9f5;   /* warm parchment white */
  --color-bg-section:   #f5f1ea;   /* soft linen */
  --color-bg-dark:      #3a3129;   /* deep warm charcoal */
  --color-bg-warm:      #ede6db;   /* toasted cream */

  /* Text */
  --color-text:         #3e3530;   /* warm dark brown */
  --color-text-light:   #6b5e54;   /* medium brown */
  --color-text-muted:   #9a8e84;   /* soft taupe */
  --color-heading:      #3a3129;   /* deep charcoal */
  --color-heading-em:   #5c4a3a;   /* warm brown accent in headings */

  /* Hero */
  --hero-bg-from:       #1e1814;
  --hero-bg-mid:        #3a2e24;
  --hero-bg-to:         #1a1510;
  --hero-overlay-1:     rgba(92,74,58,0.25);
  --hero-overlay-2:     rgba(74,60,49,0.30);

  /* Typography */
  --font-serif:   'Cormorant Garamond', Georgia, serif;
  --font-sans:    'Jost', sans-serif;
  --font-url:     'https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Jost:wght@300;400;500;600&display=swap';

  /* Misc */
  --border-accent:      rgba(160,132,92,0.22);
  --ease:               cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* ──────────────────────────────────────────────────────────────
   THEME 5 — Kale Caesar (Fresh, Verdant, Artisan)
   ────────────────────────────────────────────────────────────── */
/*
:root {
  --color-primary:      #5a7d52;
  --color-primary-dark: #476843;
  --color-secondary:    #c8b87a;
  --color-secondary-lt: #ddd0a0;

  --color-bg-main:      #fbfcf9;
  --color-bg-section:   #f4f6ef;
  --color-bg-dark:      #2c3529;
  --color-bg-warm:      #ebeee2;

  --color-text:         #3d4438;
  --color-text-light:   #6b7a64;
  --color-text-muted:   #8d9a86;
  --color-heading:      #2c3529;
  --color-heading-em:   #5a7d52;

  --hero-bg-from:       #1a2218;
  --hero-bg-mid:        #2c3d28;
  --hero-bg-to:         #1e2a1c;
  --hero-overlay-1:     rgba(90,125,82,0.25);
  --hero-overlay-2:     rgba(71,104,67,0.30);

  --font-serif:   'Cormorant Garamond', Georgia, serif;
  --font-sans:    'Jost', sans-serif;

  --border-accent:      rgba(200,184,122,0.22);
  --ease:               cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
*/

/* ──────────────────────────────────────────────────────────────
   THEME 1 — Wine & Burgundy (Sophisticated, Classic)
   ────────────────────────────────────────────────────────────── */
/*
:root {
  --color-primary:      #6b2737;
  --color-primary-dark: #4a1925;
  --color-secondary:    #c9a96e;
  --color-secondary-lt: #e5c98a;

  --color-bg-main:      #fdfaf5;
  --color-bg-section:   #f8f3ec;
  --color-bg-dark:      #2a2219;
  --color-bg-warm:      #ede4d6;

  --color-text:         #3a2e22;
  --color-text-light:   #6b5f52;
  --color-text-muted:   #8a7e72;
  --color-heading:      #2a2219;
  --color-heading-em:   #6b2737;

  --hero-bg-from:       #1e110b;
  --hero-bg-mid:        #3b1e15;
  --hero-bg-to:         #1a0f12;
  --hero-overlay-1:     rgba(107,39,55,0.35);
  --hero-overlay-2:     rgba(74,25,37,0.40);

  --font-serif:   'Cormorant Garamond', Georgia, serif;
  --font-sans:    'Jost', sans-serif;

  --border-accent:      rgba(201,169,110,0.25);
  --ease:               cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
*/

/* ──────────────────────────────────────────────────────────────
   THEME 2 — Sage Green & Champagne (Fresh, Garden, Natural)
   Uncomment this block and comment out Theme 1 to preview
   ────────────────────────────────────────────────────────────── */
/*
:root {
  --color-primary:      #4a6741;
  --color-primary-dark: #344b2e;
  --color-secondary:    #c8b882;
  --color-secondary-lt: #ddd0a8;

  --color-bg-main:      #fafcf8;
  --color-bg-section:   #f2f5ee;
  --color-bg-dark:      #1f2b1d;
  --color-bg-warm:      #e8eee4;

  --color-text:         #2a3327;
  --color-text-light:   #576352;
  --color-text-muted:   #7a8a75;
  --color-heading:      #1f2b1d;
  --color-heading-em:   #4a6741;

  --hero-bg-from:       #0e1a0b;
  --hero-bg-mid:        #1e3318;
  --hero-bg-to:         #0f1e0e;
  --hero-overlay-1:     rgba(74,103,65,0.35);
  --hero-overlay-2:     rgba(52,75,46,0.40);

  --font-serif:   'Cormorant Garamond', Georgia, serif;
  --font-sans:    'Jost', sans-serif;

  --border-accent:      rgba(200,184,130,0.25);
  --ease:               cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
*/

/* ──────────────────────────────────────────────────────────────
   THEME 3 — Navy & Copper (Bold, Elegant, Modern)
   ────────────────────────────────────────────────────────────── */
/*
:root {
  --color-primary:      #1c3557;
  --color-primary-dark: #112040;
  --color-secondary:    #b87d45;
  --color-secondary-lt: #d4a06a;

  --color-bg-main:      #fafbfd;
  --color-bg-section:   #f0f3f8;
  --color-bg-dark:      #0d1f35;
  --color-bg-warm:      #e5ecf5;

  --color-text:         #1c2b3a;
  --color-text-light:   #4a5e72;
  --color-text-muted:   #7a8f9e;
  --color-heading:      #0d1f35;
  --color-heading-em:   #1c3557;

  --hero-bg-from:       #080f1a;
  --hero-bg-mid:        #0f2035;
  --hero-bg-to:         #08121e;
  --hero-overlay-1:     rgba(28,53,87,0.4);
  --hero-overlay-2:     rgba(13,31,53,0.45);

  --font-serif:   'Playfair Display', Georgia, serif;
  --font-sans:    'Jost', sans-serif;

  --border-accent:      rgba(184,125,69,0.25);
  --ease:               cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
*/

/* ──────────────────────────────────────────────────────────────
   THEME 4 — Warm Neutral / Terracotta (Earthy, Artisan, Warm)
   ────────────────────────────────────────────────────────────── */
/*
:root {
  --color-primary:      #a0522d;
  --color-primary-dark: #7a3d22;
  --color-secondary:    #d4a96a;
  --color-secondary-lt: #e8c898;

  --color-bg-main:      #fdf8f3;
  --color-bg-section:   #f7efe6;
  --color-bg-dark:      #2a1810;
  --color-bg-warm:      #f0e4d4;

  --color-text:         #3a2818;
  --color-text-light:   #7a5a42;
  --color-text-muted:   #a0887a;
  --color-heading:      #2a1810;
  --color-heading-em:   #a0522d;

  --hero-bg-from:       #1a0c05;
  --hero-bg-mid:        #3a1808;
  --hero-bg-to:         #1a1008;
  --hero-overlay-1:     rgba(160,82,45,0.35);
  --hero-overlay-2:     rgba(122,61,34,0.40);

  --font-serif:   'Cormorant Garamond', Georgia, serif;
  --font-sans:    'Jost', sans-serif;

  --border-accent:      rgba(212,169,106,0.25);
  --ease:               cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
*/