/* ============================================================
   COLOR CONFIGURATION — NR Restaurant
   Theme: Warm Ivory dominant · Deep Crimson Red & Tasteful Golden Ochre accents
   Designed and Code written by Pusala Arun Kumar

   ✦ THIS is the ONLY file you change per restaurant.
   ✦ 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
     ──────────────────────────────────── */
  --nav-h:       76px;
  --ease:        cubic-bezier(0.16, 1, 0.3, 1);
  --ease-back:   cubic-bezier(0.34, 1.56, 0.64, 1);

  /* ────────────────────────────────────
     SHADOWS  (warm neutral depth & subtle amber-crimson glow)
     ──────────────────────────────────── */
  --shadow-xs:     0 1px 4px  rgba(50, 25, 15, 0.06);
  --shadow-sm:     0 3px 14px rgba(50, 25, 15, 0.08);
  --shadow-md:     0 8px 32px rgba(50, 25, 15, 0.10);
  --shadow-lg:     0 20px 60px rgba(50, 25, 15, 0.14);
  --shadow-accent: 0 6px 24px rgba(185, 28, 28, 0.16);

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

  /* ── CRIMSON RED  (used for CTAs, hero badges, ribbon, primary punch) ─── */
  --brand-red:        #C62020;   /* ← balanced crimson red extracted from emblem crescent */
  --brand-red-mid:    #D82828;   /* ← slightly brighter red highlight                     */
  --brand-red-light:  #EA5A5A;   /* ← lighter tint hover                                  */
  --brand-red-pale:   #FDF2F2;   /* ← barely-there blush tint                             */
  --brand-red-mist:   #FEF8F8;   /* ← whisper tint                                        */
  --brand-red-dark:   #8A1414;   /* ← deep wine-red (footer & CTA dark section)           */

  /* ── TASTEFUL GOLDEN AMBER / OCHRE  (muted yellow — badges, icons, highlights) ─── */
  --brand-yellow:       #D99B26; /* ← elegant warm honey gold, not harsh fluorescent      */
  --brand-yellow-mid:   #EBB238; /* ← soft amber highlight                                */
  --brand-yellow-pale:  #FDF7E7; /* ← delicate warm vanilla/cream tint                     */
  --brand-yellow-deep:  #B57D18; /* ← deeper amber for hover & legible borders            */
  --brand-yellow-dark:  #83570C; /* ← deepest roasted mustard                              */

  /* ── WARM IVORY / SOFT CREAM FAMILY  (dominant — 70%+ of page) ── */
  --brand-beige:        #FAF8F3;   /* ← main page background, clean warm ivory             */
  --brand-beige-light:  #FFFFFF;   /* ← pure white cards & panels                          */
  --brand-beige-mid:    #F4EFE6;   /* ← alternating section background                     */
  --brand-beige-deep:   #E9E1D4;   /* ← deeper warm stone section background               */
  --brand-beige-border: #DCD2C2;   /* ← delicate warm neutral borders                      */

  /* ────────────────────────────────────
     BACKGROUNDS  (warm ivory / soft cream dominant)
     ──────────────────────────────────── */
  --color-bg:        #FFFFFF;          /* pure white — hero, cards            */
  --color-bg-off:    #FAF8F3;          /* warm ivory — alternating sections   */
  --color-bg-cream:  #F4EFE6;          /* deeper warm stone tint              */

  /* ────────────────────────────────────
     TEXT  (warm roasted dark brown — not cold black)
     ──────────────────────────────────── */
  --color-text-ink:   #23160F;         /* deep dark roasted coffee headings   */
  --color-text-body:  #3D2C22;         /* warm dark brown body                */
  --color-text-muted: #796558;         /* mid warm gray-brown muted           */
  --color-text-faint: #AC9D93;         /* faint neutral for labels            */

  /* Text on dark backgrounds */
  --color-text-on-dark:       #FAF8F3;
  --color-text-on-dark-muted: rgba(250, 248, 243, 0.70);
  --color-text-on-dark-faint: rgba(250, 248, 243, 0.40);

  /* ────────────────────────────────────
     ACCENT COLORS
     ─────────────────────────────────────
     Golden Ochre = section labels, icons, underlines (warm gentle glow)
     Crimson Red  = CTA buttons, ribbon, badges (punchy & clear)
     ──────────────────────────────────── */
  --color-accent:         var(--brand-yellow-deep); /* nav underline, section labels  */
  --color-accent-deep:    var(--brand-yellow-dark); /* hover darken                    */
  --color-accent-dark:    var(--brand-red-dark);    /* deep red on light bg (badges)   */

  /* Golden Amber gradient — thin lines, underlines, subtle highlight borders */
  --color-accent-gradient:      linear-gradient(135deg, #B57D18, #D99B26);
  --color-accent-gradient-soft: linear-gradient(135deg, #FDF7E7, #EBB238);
  --color-accent-gradient-rich: linear-gradient(135deg, #83570C, #B57D18, #D99B26);

  /* Crimson gradient — CTA buttons, ribbon, hero accents */
  --color-green-gradient:       linear-gradient(135deg, #8A1414, #C62020);
  --color-green-gradient-rich:  linear-gradient(160deg, #630C0C, #8A1414, #C62020);

  /* Brand signature — crimson red to golden amber */
  --color-brand-gradient:       linear-gradient(135deg, #C62020, #D99B26);

  /* ────────────────────────────────────
     BORDERS  (warm beige with subtle amber accents)
     ──────────────────────────────────── */
  --color-border-light:  rgba(35, 22, 15, 0.08);   /* default card borders  */
  --color-border:        rgba(35, 22, 15, 0.18);   /* stronger border       */
  --color-border-strong: rgba(35, 22, 15, 0.35);
  --color-border-accent: rgba(217, 155, 38, 0.35); /* golden amber border   */
  --color-border-cream:  rgba(35, 22, 15, 0.06);

  /* On dark sections */
  --color-border-on-dark: rgba(250, 248, 243, 0.15);

  /* ────────────────────────────────────
     HERO RADIAL GLOWS  (soft warmth)
     ──────────────────────────────────── */
  --color-hero-glow-1:  rgba(217, 155, 38, 0.08);  /* faint amber glow      */
  --color-hero-glow-2:  rgba(198, 32, 32, 0.05);   /* faint red warmth      */
  --color-grid-line:    rgba(35, 22, 15, 0.04);    /* subtle warm grid      */

  /* ────────────────────────────────────
     BADGE / OFFER BOX
     ──────────────────────────────────── */
  --color-badge-bg:    #F4EFE6;        /* warm ivory badge background         */
  --color-badge-green: var(--brand-yellow-pale);

  /* ────────────────────────────────────
     PULSE RING  (hero badge dot)
     ──────────────────────────────────── */
  --color-pulse-ring: rgba(198, 32, 32, 0.25);

  /* ────────────────────────────────────
     INK (dark) SURFACES
     ─────────────────────────────────────
     Ribbon  →  Balanced Crimson Red (#C62020)
     Promise →  Deep Roasted Espresso (#23160F)
     CTA     →  Deep Wine Red (#8A1414)
     Footer  →  Deep Roasted Charcoal (#180E09)
     ──────────────────────────────────── */
  --color-ink:     #23160F;            /* roasted espresso — promise section    */
  --color-on-ink:  #FAF8F3;            /* warm ivory text on dark               */
  --color-ink-mid: #352319;            /* mid warm dark                         */

  /* ────────────────────────────────────
     INK SECTION GLOWS
     ──────────────────────────────────── */
  --color-ink-glow-1: rgba(217, 155, 38, 0.14);   /* faint amber warmth on dark */
  --color-ink-glow-2: rgba(198, 32, 32, 0.12);    /* faint crimson depth        */

  /* ────────────────────────────────────
     RIBBON  (crimson red)
     ──────────────────────────────────── */
  --color-ribbon-border: rgba(250, 248, 243, 0.15);
  --color-ribbon-text:   #FAF8F3;

  /* ────────────────────────────────────
     FOOTER  (deep roasted dark)
     ──────────────────────────────────── */
  --color-footer-bg: #180E09;          /* near-black roasted brown — grounded   */

}


/* ════════════════════════════════════════════════════════════
   SECTION OVERRIDES
   Navbar CTA button, Ribbon, and CTA section use balanced Crimson Red (#C62020).
   Yellow is tempered into an elegant Honey/Amber Ochre (#D99B26) for accents.
   ════════════════════════════════════════════════════════════ */

/* Navbar CTA button → crimson red with crisp white text */
.btn-nav-order {
  background: var(--brand-red) !important;
  color: #FFFFFF !important;
}
.btn-nav-order::before {
  background: linear-gradient(135deg, #8A1414, #C62020) !important;
}

/* Ribbon → crimson red */
.ribbon {
  background: var(--brand-red) !important;
  color: #FFFFFF !important;
  border-top-color:    rgba(250, 248, 243, 0.14) !important;
  border-bottom-color: rgba(250, 247, 242, 0.14) !important;
}

/* CTA section → deep wine red */
.cta-section {
  background: var(--brand-red-dark) !important;
}

/* Promise section → deep roasted espresso (--color-ink set above) */
/* Why, Menu, Testimonials, Hero → warm ivory / cream ✓ */