/* ============================================================
   COLOR CONFIGURATION — iDEAL Kitchen · Ancestral Recipes
   Theme: Vivid Green · Bright Orange · Deep Indigo · Pure White
   Designed and Code written by Pusala Arun Kumar

   ✦ THIS is the ONLY file you change per restaurant.
   ✦ Paste your brand colors below and everything updates.
   ✦ Load this BEFORE restaurant-core.css in your HTML.
   ============================================================ */

:root {

  /* ────────────────────────────────────
     TYPOGRAPHY
     ──────────────────────────────────── */
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body:    'DM Sans', system-ui, sans-serif;
  --font-label:   'DM Sans', system-ui, sans-serif;

  /* ────────────────────────────────────
     LAYOUT TOKENS  (rarely change)
     ──────────────────────────────────── */
  --nav-h:      76px;
  --ease:       cubic-bezier(0.16, 1, 0.3, 1);
  --ease-back:  cubic-bezier(0.34, 1.56, 0.64, 1);

  /* ────────────────────────────────────
     SHADOWS  (fresh, clean — white bg feel)
     ──────────────────────────────────── */
  --shadow-xs:     0 1px 4px  rgba(0, 0, 0, 0.06);
  --shadow-sm:     0 3px 14px rgba(46, 170, 46, 0.10);
  --shadow-md:     0 8px 32px rgba(46, 170, 46, 0.12);
  --shadow-lg:     0 20px 60px rgba(46, 170, 46, 0.15);
  --shadow-accent: 0 8px 36px rgba(230, 126, 34, 0.28);

  /* ════════════════════════════════════
     ★  BRAND PALETTE  ★
     ════════════════════════════════════ */

  /* ── DEEP MAROON → DEEP INDIGO FAMILY (dominant dark) ────── */
  --brand-brown:         #2E3494;   /* ← deep indigo ("Ancestral Recipes")  */
  --brand-brown-mid:     #3D44B0;   /* ← mid indigo                         */
  --brand-brown-light:   #5560CC;   /* ← lighter indigo                     */
  --brand-brown-pale:    #E8E9F8;   /* ← barely-there indigo tint           */
  --brand-brown-mist:    #F4F4FD;   /* ← whisper indigo                     */
  --brand-brown-dark:    #1E2266;   /* ← darkest indigo (footer)            */

  /* ── VIVID GREEN FAMILY (primary accent — "iDEAL") ──────── */
  --brand-accent:        #2EAA2E;   /* ← vivid green (iDEAL lettering)      */
  --brand-accent-light:  #5CC85C;   /* ← bright fresh green                 */
  --brand-accent-soft:   #90DC90;   /* ← soft mint green                    */
  --brand-accent-pale:   #E0F5E0;   /* ← faintest mint tint                 */
  --brand-accent-deep:   #1A7A1A;   /* ← deep forest green (hover)          */
  --brand-accent-vivid:  #3DC43D;   /* ← vivid green pop (CTA hover)        */

  /* ── BRIGHT ORANGE FAMILY (secondary — "KITCHEN") ────────── */
  --brand-terra:         #E67E22;   /* ← bright orange (KITCHEN lettering)  */
  --brand-terra-light:   #F0A050;   /* ← warm orange highlight              */
  --brand-terra-dark:    #B85C10;   /* ← deep burnt orange                  */

  /* ── WARM WHITE / CREAM FAMILY (light surfaces) ──────────── */
  --brand-cream:         #F8FDF8;   /* ← faint green-white                  */
  --brand-cream-light:   #FFFFFF;   /* ← pure white                         */
  --brand-cream-deep:    #EDF7ED;   /* ← soft mint-white                    */

  /* ────────────────────────────────────
     BACKGROUNDS  (white dominant)
     ──────────────────────────────────── */
  --color-bg:        #ffffff;              /* pure white — main canvas       */
  --color-bg-off:    #f8fdf8;              /* faint green-white              */
  --color-bg-cream:  #edf7ed;              /* soft mint section bg           */

  /* ────────────────────────────────────
     TEXT
     ──────────────────────────────────── */
  --color-text-ink:   #1a1a2e;             /* near-black, indigo-tinted      */
  --color-text-body:  #2c2c40;             /* dark indigo-warm body          */
  --color-text-muted: #606080;             /* muted indigo-gray              */
  --color-text-faint: #9898b0;             /* faint indigo-gray              */

  /* Text on dark (indigo/green) backgrounds */
  --color-text-on-dark:       #f8fdf8;     /* fresh white on dark            */
  --color-text-on-dark-muted: rgba(248, 253, 248, 0.62);
  --color-text-on-dark-faint: rgba(248, 253, 248, 0.38);

  /* ────────────────────────────────────
     ACCENT COLORS
     ──────────────────────────────────── */
  --color-accent:                var(--brand-accent);
  --color-accent-deep:           var(--brand-accent-deep);
  --color-accent-dark:           #1A5E1A;  /* darkest green for headlines    */

  /* Green gradients — CTA buttons, section highlights */
  --color-accent-gradient:       linear-gradient(135deg, #3DC43D, #2EAA2E);
  --color-accent-gradient-soft:  linear-gradient(135deg, #E0F5E0, #90DC90, #2EAA2E);
  --color-accent-gradient-rich:  linear-gradient(135deg, #1A7A1A, #2EAA2E, #3DC43D);

  /* Indigo gradients — for dark sections, hero overlays */
  --color-green-gradient:        linear-gradient(135deg, #2E3494, #3D44B0);
  --color-green-gradient-rich:   linear-gradient(160deg, #1E2266, #2E3494, #3D44B0);

  /* Premium combo — indigo to green (brand signature) */
  --color-brand-gradient:        linear-gradient(135deg, #2E3494, #2EAA2E);

  /* ────────────────────────────────────
     BORDERS
     ──────────────────────────────────── */
  --color-border-light:   rgba(46, 170, 46, 0.13);
  --color-border:         rgba(46, 170, 46, 0.28);
  --color-border-strong:  rgba(46, 170, 46, 0.50);
  --color-border-accent:  rgba(230, 126, 34, 0.28);
  --color-border-cream:   rgba(46, 170, 46, 0.14);

  /* Borders on dark backgrounds */
  --color-border-on-dark: rgba(248, 253, 248, 0.15);

  /* ────────────────────────────────────
     HERO RADIAL GLOWS
     ──────────────────────────────────── */
  --color-hero-glow-1:  rgba(46, 170, 46, 0.10);   /* green glow            */
  --color-hero-glow-2:  rgba(230, 126, 34, 0.07);  /* orange glow           */
  --color-grid-line:    rgba(46, 170, 46, 0.05);

  /* ────────────────────────────────────
     BADGE / OFFER BOX
     ──────────────────────────────────── */
  --color-badge-bg:       var(--brand-accent-pale);
  --color-badge-green:    var(--brand-brown-mist);

  /* ────────────────────────────────────
     PULSE RING  (hero badge dot)
     ──────────────────────────────────── */
  --color-pulse-ring: rgba(46, 170, 46, 0.28);

  /* ────────────────────────────────────
     INK (dark) SURFACES  (ribbon, CTA, promise, footer nav bar)
     ──────────────────────────────────── */
  --color-ink:        #1A2E1A;             /* deep forest green dark bg      */
  --color-on-ink:     #f8fdf8;             /* fresh white text on dark       */
  --color-ink-mid:    #2E4A2E;             /* mid forest green               */

  /* ────────────────────────────────────
     INK SECTION GLOWS
     ──────────────────────────────────── */
  --color-ink-glow-1: rgba(46, 170, 46, 0.14);    /* green shimmer on dark  */
  --color-ink-glow-2: rgba(230, 126, 34, 0.08);   /* orange glow on dark    */

  /* ────────────────────────────────────
     RIBBON
     ──────────────────────────────────── */
  --color-ribbon-border: rgba(248, 253, 248, 0.15);
  --color-ribbon-text:   rgba(248, 253, 248, 0.82);

  /* ────────────────────────────────────
     FOOTER
     ──────────────────────────────────── */
  --color-footer-bg: #111e11;             /* deepest forest green footer    */

}