/* ============================================================
   COLOR CONFIGURATION — The Bougainvillea
   Theme: Forest Green · Warm Cream · Dusty Bougainvillea Rose
   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;

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

  /* ────────────────────────────────────
     SHADOWS  (deep & earthy — premium feel)
     ──────────────────────────────────── */
  --shadow-xs:     0 1px 4px  rgba(20, 40, 20, 0.08);
  --shadow-sm:     0 3px 14px rgba(20, 40, 20, 0.13);
  --shadow-md:     0 8px 32px rgba(20, 40, 20, 0.16);
  --shadow-lg:     0 20px 60px rgba(20, 40, 20, 0.20);
  --shadow-accent: 0 8px 36px rgba(162, 90, 110, 0.30);  /* dusty rose glow */

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

  /* ── FOREST GREEN FAMILY (dominant) ─────────────────────── */
  --brand-green:         #2c4a2e;   /* ← deep forest green (exact menu)   */
  --brand-green-mid:     #3b5e3d;   /* ← mid forest                       */
  --brand-green-light:   #527a55;   /* ← sage-green                       */
  --brand-green-pale:    #dce8dc;   /* ← very light sage tint             */
  --brand-green-mist:    #f0f4f0;   /* ← barely-there green white         */
  --brand-green-dark:    #1e3320;   /* ← darkest forest (footer)          */

  /* ── BOUGAINVILLEA PINK (refined floral accent) ─────────── */
  --brand-accent:        #cc9e5d;   /* ← dusty bougainvillea rose         */
  --brand-accent-light:  #c4849a;   /* ← soft petal mauve-pink            */
  --brand-accent-soft:   #ddb0be;   /* ← blush mauve                      */
  --brand-accent-pale:   #f5e6eb;   /* ← faintest blush tint              */
  --brand-accent-deep:   #7a3a50;   /* ← deep wine-rose (hover, italic)   */
  --brand-accent-vivid:  #bc6278;   /* ← brighter petal (CTA hover)       */

  /* ── WARM CREAM FAMILY (light surfaces) ─────────────────── */
  --brand-cream:         #f4efe4;   /* ← warm cream (menu light section)  */
  --brand-cream-light:   #faf7f1;   /* ← lightest cream-white             */
  --brand-cream-deep:    #e8dfc8;   /* ← deeper parchment                 */

  /* ────────────────────────────────────
     BACKGROUNDS
     ──────────────────────────────────── */
  --color-bg:        #faf7f1;              /* cream-white main canvas        */
  --color-bg-off:    #f4efe4;              /* warm cream section bg          */
  --color-bg-cream:  #e8dfc8;              /* parchment divider bg           */
  --color-bg-dark:   var(--brand-green);   /* forest green dark sections     */
  --color-bg-darker: var(--brand-green-dark); /* footer, deepest sections   */

  /* ────────────────────────────────────
     TEXT
     ──────────────────────────────────── */
  --color-text-ink:        #19281a;        /* near-black, green-warm         */
  --color-text-body:       #2e3e2f;        /* dark forest body text          */
  --color-text-muted:      #5c7a5e;        /* sage-muted                     */
  --color-text-faint:      #8aa88c;        /* faint sage gray                */

  /* Text on dark (green) backgrounds */
  --color-text-on-dark:       #f4efe4;     /* cream on forest green          */
  --color-text-on-dark-muted: rgba(244, 239, 228, 0.62);
  --color-text-on-dark-faint: rgba(244, 239, 228, 0.38);

  /* ────────────────────────────────────
     ACCENT COLORS
     ──────────────────────────────────── */
  --color-accent:                var(--brand-accent);
  --color-accent-deep:           var(--brand-accent-deep);
  --color-accent-dark:           var(--brand-green);

  /* Pink gradients — for CTA buttons, section highlights */
  --color-accent-gradient:       linear-gradient(135deg, #bc6278, #a85870);
  --color-accent-gradient-soft:  linear-gradient(135deg, #f5e6eb, #ddb0be, #a85870);
  --color-accent-gradient-rich:  linear-gradient(135deg, #7a3a50, #a85870, #bc6278);

  /* Green gradients — for dark sections, hero overlays */
  --color-green-gradient:        linear-gradient(135deg, #2c4a2e, #3b5e3d);
  --color-green-gradient-rich:   linear-gradient(160deg, #1e3320, #2c4a2e, #3b5e3d);

  /* Premium combo — green to dusty rose (for special accents) */
  --color-brand-gradient:        linear-gradient(135deg, #2c4a2e, #7a3a50);

  /* ────────────────────────────────────
     BORDERS
     ──────────────────────────────────── */
  --color-border-light:   rgba(44, 74, 46, 0.12);
  --color-border:         rgba(44, 74, 46, 0.24);
  --color-border-strong:  rgba(44, 74, 46, 0.45);
  --color-border-accent:  rgba(168, 88, 112, 0.28);
  --color-border-cream:   rgba(180, 165, 138, 0.32);

  /* Borders on dark green backgrounds */
  --color-border-on-dark: rgba(244, 239, 228, 0.15);

  /* ────────────────────────────────────
     HERO RADIAL GLOWS
     ──────────────────────────────────── */
  --color-hero-glow-1:  rgba(44, 74, 46, 0.09);
  --color-hero-glow-2:  rgba(168, 88, 112, 0.07);
  --color-grid-line:    rgba(44, 74, 46, 0.06);

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

  /* ────────────────────────────────────
     PULSE RING  (hero badge dot)
     ──────────────────────────────────── */
  --color-pulse-ring: rgba(168, 88, 112, 0.28);

  /* ────────────────────────────────────
     INK (dark) SURFACES  (ribbon, CTA strip, promise, footer nav bar)
     ──────────────────────────────────── */
  --color-ink:        var(--brand-green);      /* forest green dark bg       */
  --color-on-ink:     #f4efe4;                 /* cream text on dark         */
  --color-ink-mid:    var(--brand-green-mid);

  /* ────────────────────────────────────
     INK SECTION GLOWS
     ──────────────────────────────────── */
  --color-ink-glow-1: rgba(168, 88, 112, 0.10);  /* dusty rose glow on green */
  --color-ink-glow-2: rgba(244, 239, 228, 0.05);

  /* ────────────────────────────────────
     RIBBON
     ──────────────────────────────────── */
  --color-ribbon-border: rgba(244, 239, 228, 0.16);
  --color-ribbon-text:   rgba(244, 239, 228, 0.75);

  /* ────────────────────────────────────
     FOOTER
     ──────────────────────────────────── */
  --color-footer-bg: #1e3320;              /* darkest forest green footer    */

}