/* ============================================================
   COLOR CONFIGURATION — Kammani Ruchulu · Taste and Happiness
   Theme: Deep Crimson · Warm Heritage Gold · 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  (crimson-warm, rich)
     ──────────────────────────────────── */
  --shadow-xs:     0 1px 4px  rgba(0, 0, 0, 0.08);
  --shadow-sm:     0 3px 14px rgba(110, 10, 20, 0.14);
  --shadow-md:     0 8px 32px rgba(110, 10, 20, 0.18);
  --shadow-lg:     0 20px 60px rgba(110, 10, 20, 0.22);
  --shadow-accent: 0 8px 36px rgba(210, 165, 60, 0.38);

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

  /* ── DEEP CRIMSON FAMILY (dominant dark — logo oval bg) ───── */
  --brand-brown:         #7A0E1A;   /* ← deep crimson (logo badge bg)       */
  --brand-brown-mid:     #921220;   /* ← mid crimson                        */
  --brand-brown-light:   #B01828;   /* ← lighter crimson                    */
  --brand-brown-pale:    #F5E0E2;   /* ← barely-there blush tint            */
  --brand-brown-mist:    #FBF2F3;   /* ← whisper blush-white                */
  --brand-brown-dark:    #4E0810;   /* ← darkest crimson (footer)           */

  /* ── WARM HERITAGE GOLD FAMILY (primary accent — text, borders, ornaments) */
  --brand-accent:        #D2A53C;   /* ← warm heritage gold (logo text)     */
  --brand-accent-light:  #E4BE6A;   /* ← bright warm gold                   */
  --brand-accent-soft:   #EDD49A;   /* ← soft gold                          */
  --brand-accent-pale:   #FAF0D0;   /* ← faintest gold tint                 */
  --brand-accent-deep:   #A07820;   /* ← deep antique gold (hover)          */
  --brand-accent-vivid:  #DDB84A;   /* ← vivid gold pop (CTA hover)         */

  /* ── INNER ORNAMENT (same crimson family) ────────────────── */
  --brand-terra:         #7A0E1A;   /* ← crimson (ornament details)         */
  --brand-terra-light:   #921220;   /* ← mid crimson                        */
  --brand-terra-dark:    #4E0810;   /* ← dark crimson                       */

  /* ── WARM WHITE FAMILY (light surfaces) ──────────────────── */
  --brand-cream:         #fdfaf5;   /* ← warm white (gold-tinted)           */
  --brand-cream-light:   #ffffff;   /* ← pure white                         */
  --brand-cream-deep:    #f7f0e4;   /* ← warm ivory sections                */

  /* ────────────────────────────────────
     BACKGROUNDS  (white dominant)
     ──────────────────────────────────── */
  --color-bg:        #ffffff;              /* pure white — main canvas       */
  --color-bg-off:    #fdfaf5;              /* warm white sections            */
  --color-bg-cream:  #faf0d0;              /* faint gold tint section bg     */

  /* ────────────────────────────────────
     TEXT
     ──────────────────────────────────── */
  --color-text-ink:   #1e0408;             /* near-black, crimson-warm       */
  --color-text-body:  #3a1014;             /* dark crimson body text         */
  --color-text-muted: #7a4048;             /* muted crimson-gray             */
  --color-text-faint: #b08088;             /* faint dusty rose-gray          */

  /* Text on dark (crimson) backgrounds */
  --color-text-on-dark:       #fdfaf5;     /* warm white on crimson          */
  --color-text-on-dark-muted: rgba(253, 250, 245, 0.65);
  --color-text-on-dark-faint: rgba(253, 250, 245, 0.38);

  /* ────────────────────────────────────
     ACCENT COLORS
     ──────────────────────────────────── */
  --color-accent:                var(--brand-accent);
  --color-accent-deep:           var(--brand-accent-deep);
  --color-accent-dark:           #7A0E1A;  /* crimson used on light bg labels */

  /* Gold gradients — CTA buttons, section highlights */
  --color-accent-gradient:       linear-gradient(135deg, #DDB84A, #D2A53C);
  --color-accent-gradient-soft:  linear-gradient(135deg, #FAF0D0, #EDD49A, #D2A53C);
  --color-accent-gradient-rich:  linear-gradient(135deg, #A07820, #D2A53C, #DDB84A);

  /* Crimson gradients — dark sections, hero overlays */
  --color-green-gradient:        linear-gradient(135deg, #7A0E1A, #921220);
  --color-green-gradient-rich:   linear-gradient(160deg, #4E0810, #7A0E1A, #921220);

  /* Brand signature — crimson to gold (exactly like the logo feel) */
  --color-brand-gradient:        linear-gradient(135deg, #7A0E1A, #D2A53C);

  /* ────────────────────────────────────
     BORDERS
     ──────────────────────────────────── */
  --color-border-light:   rgba(210, 165, 60, 0.18);
  --color-border:         rgba(210, 165, 60, 0.38);
  --color-border-strong:  rgba(122, 14, 26, 0.40);
  --color-border-accent:  rgba(122, 14, 26, 0.22);
  --color-border-cream:   rgba(210, 165, 60, 0.18);

  /* Borders on dark crimson backgrounds */
  --color-border-on-dark: rgba(210, 165, 60, 0.32);   /* gold border on crimson */

  /* ────────────────────────────────────
     HERO RADIAL GLOWS
     ──────────────────────────────────── */
  --color-hero-glow-1:  rgba(210, 165, 60, 0.12);   /* gold glow             */
  --color-hero-glow-2:  rgba(122, 14, 26, 0.07);    /* crimson glow          */
  --color-grid-line:    rgba(210, 165, 60, 0.07);

  /* ────────────────────────────────────
     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(210, 165, 60, 0.36);

  /* ────────────────────────────────────
     INK (dark) SURFACES  (ribbon, CTA, promise, footer nav bar)
     ──────────────────────────────────── */
  --color-ink:        #7A0E1A;             /* deep crimson dark bg           */
  --color-on-ink:     #fdfaf5;             /* warm white text on dark        */
  --color-ink-mid:    #921220;             /* mid crimson surface            */

  /* ────────────────────────────────────
     INK SECTION GLOWS
     ──────────────────────────────────── */
  --color-ink-glow-1: rgba(210, 165, 60, 0.16);   /* gold shimmer on crimson */
  --color-ink-glow-2: rgba(253, 250, 245, 0.05);

  /* ────────────────────────────────────
     RIBBON
     ──────────────────────────────────── */
  --color-ribbon-border: rgba(210, 165, 60, 0.32);
  --color-ribbon-text:   rgba(253, 250, 245, 0.88);

  /* ────────────────────────────────────
     FOOTER
     ──────────────────────────────────── */
  --color-footer-bg: #360610;             /* deepest crimson-black footer   */

}