/* ============================================================
   TUPS KITCHEN — THEME SELECTOR
   ============================================================
   HOW TO USE:
   1. Find the theme you want below
   2. Remove the /* and */ around that theme block to activate it
   3. Make sure all other themes have /* and */ around them
   4. Save this file and upload it — done!

   Only ONE theme should be active at a time.
   The active theme is the one WITHOUT /* and */ around it.
   ============================================================ */


/* ============================================================
   ACTIVE THEME — change this block to switch themes
   ============================================================
   Currently active: ORIGINAL (Green & Saffron Orange)
   ============================================================ */

/*
:root {
  -- ORIGINAL — Cardamom Green & Saffron Orange (current site) --
  --saffron:        #E8702A;
  --saffron-dark:   #C45B18;
  --saffron-light:  #F4924E;
  --turmeric:       #F5C842;
  --cardamom:       #2D4A3E;
  --cardamom-light: #3D6B5A;
  --cream:          #FDF6EC;
  --cream-dark:     #F5E8D0;
}
*/


/* ============================================================
   OTHER THEMES — remove the /* and */ to activate one
   ============================================================ */

/*
:root {
  -- CHARCOAL & ORANGE — dark, premium feel --
  --saffron:        #E8702A;
  --saffron-dark:   #C45B18;
  --saffron-light:  #F4924E;
  --turmeric:       #F5C842;
  --cardamom:       #1C1C1C;
  --cardamom-light: #2E2E2E;
  --cream:          #FDF6EC;
  --cream-dark:     #F5E8D0;
}
*/

/*
:root {
  -- MIDNIGHT NAVY & ORANGE — clean, professional --
  --saffron:        #E8702A;
  --saffron-dark:   #C45B18;
  --saffron-light:  #F4924E;
  --turmeric:       #F5C842;
  --cardamom:       #0F1F3D;
  --cardamom-light: #1A3260;
  --cream:          #F5F8FF;
  --cream-dark:     #E8EEF8;
}
*/

:root {
  /* ── ROYAL BURGUNDY & RED — deep, festive, Indian feel ── */
  --saffron:        #C0392B;   /* deep red — buttons, prices, icons */
  --saffron-dark:   #96281B;   /* darker red — button hover */
  --saffron-light:  #E74C3C;   /* lighter red — highlights */
  --turmeric:       #F39C12;   /* amber gold — banner dots, bold text */
  --cardamom:       #2C1654;   /* deep purple — footer + banner */
  --cardamom-light: #3D2070;   /* lighter purple — hover effects */
  --cream:          #FDF4F4;   /* warm pinkish white — page background */
  --cream-dark:     #F5E4E4;   /* slightly pink cream — alt sections */
}

/*
:root {
  -- WARM MAROON & ORANGE — traditional Indian, earthy --
  --saffron:        #E8702A;
  --saffron-dark:   #C45B18;
  --saffron-light:  #F4924E;
  --turmeric:       #DAA520;
  --cardamom:       #4A1515;
  --cardamom-light: #6B2020;
  --cream:          #FDF6EC;
  --cream-dark:     #F5E8D0;
}
*/

/*
:root {
  -- DARK TEAL & ORANGE — modern, fresh --
  --saffron:        #E8702A;
  --saffron-dark:   #C45B18;
  --saffron-light:  #F4924E;
  --turmeric:       #F5C842;
  --cardamom:       #0D3B3B;
  --cardamom-light: #1A5C5C;
  --cream:          #F5FBFC;
  --cream-dark:     #E3F2F5;
}
*/

/*
:root {
  -- SLATE & GOLD — elegant, upscale --
  --saffron:        #C9973A;
  --saffron-dark:   #A67C2A;
  --saffron-light:  #DEB05A;
  --turmeric:       #F0D060;
  --cardamom:       #2C3E50;
  --cardamom-light: #3D5166;
  --cream:          #F8F5F0;
  --cream-dark:     #EDE8DF;
}
*/

/*
:root {
  -- FOREST & COPPER — earthy, warm, natural --
  --saffron:        #B5651D;
  --saffron-dark:   #8B4513;
  --saffron-light:  #CD853F;
  --turmeric:       #DAA520;
  --cardamom:       #1B3A2D;
  --cardamom-light: #2A5C45;
  --cream:          #FAF5EC;
  --cream-dark:     #F0E8D8;
}
*/