/* ============================================================
   COLOR CONFIGURATION — Telangana Spice Kitchen Bar & Grill
   Theme: Traditional Telangana Village · Heritage · Warmth

   Inspired by old village homes, handmade textures,
   terracotta earth, brass vessels, and cultural warmth.

   ✦ 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  (warm earth tones — handmade feel)
     ──────────────────────────────────── */
  --shadow-xs:     0 1px 4px  rgba(62, 32, 18, 0.06);
  --shadow-sm:     0 3px 14px rgba(62, 32, 18, 0.10);
  --shadow-md:     0 8px 32px rgba(62, 32, 18, 0.14);
  --shadow-lg:     0 20px 60px rgba(62, 32, 18, 0.18);
  --shadow-accent: 0 8px 36px rgba(184, 134, 11, 0.22);

  /* ════════════════════════════════════
     ★  BRAND PALETTE  ★
     Traditional Telangana earth tones
     ════════════════════════════════════ */

  /* ── DEEP MAROON-BROWN FAMILY (dominant) ─────────────────── */
  --brand-brown:         #5C1A1A;   /* ← deep maroon-brown (primary)         */
  --brand-brown-mid:     #7A3030;   /* ← mid maroon-brown                   */
  --brand-brown-light:   #964B4B;   /* ← lighter maroon-brown               */
  --brand-brown-pale:    #F0DEDE;   /* ← very light pink-brown tint         */
  --brand-brown-mist:    #FBF2F2;   /* ← barely-there pink                  */
  --brand-brown-dark:    #3E1212;   /* ← darkest maroon (footer)            */

  /* ── GOLD / BRASS ACCENT ──────────────────────────────────── */
  --brand-accent:        #B8860B;   /* ← warm brass gold (primary accent)    */
  --brand-accent-light:  #D4A84B;   /* ← light gold                          */
  --brand-accent-soft:   #E8CF8A;   /* ← soft gold                           */
  --brand-accent-pale:   #F5ECD5;   /* ← faintest gold tint                 */
  --brand-accent-deep:   #8B6508;   /* ← deep gold (hover, italic)          */
  --brand-accent-vivid:  #C89B3C;   /* ← bright gold (CTA hover)            */

  /* ── TERRACOTTA FAMILY ────────────────────────────────────── */
  --brand-terra:         #C05E3C;   /* ← terracotta                          */
  --brand-terra-light:   #D68A6E;   /* ← light terracotta                   */
  --brand-terra-dark:    #8B3A22;   /* ← dark terracotta                    */

  /* ── WARM CREAM / PARCHMENT FAMILY ────────────────────────── */
  --brand-cream:         #EDE8D0;   /* ← warm beige (main background)       */
  --brand-cream-light:   #F5F1E4;   /* ← light beige-white                  */
  --brand-cream-deep:    #DDD6BC;   /* ← deeper beige                       */

  /* ────────────────────────────────────
     BACKGROUNDS
     ──────────────────────────────────── */
  --color-bg:        #F5F1E4;              /* light beige-white canvas         */
  --color-bg-off:    #EDE8D0;              /* warm beige section bg            */
  --color-bg-cream:  #DDD6BC;              /* deeper beige divider bg          */
  --color-bg-dark:   var(--brand-brown);   /* maroon dark sections             */
  --color-bg-darker: var(--brand-brown-dark); /* footer, deepest sections      */

  /* ────────────────────────────────────
     TEXT
     ──────────────────────────────────── */
  --color-text-ink:        #2A1510;        /* near-black, warm brown           */
  --color-text-body:       #4A3028;        /* dark warm brown body text        */
  --color-text-muted:      #7A5E4E;        /* warm muted brown                 */
  --color-text-faint:      #A08878;        /* faint warm brown                 */

  /* Text on dark (maroon) backgrounds */
  --color-text-on-dark:       #EDE8D0;     /* beige on maroon                  */
  --color-text-on-dark-muted: rgba(237, 232, 208, 0.62);
  --color-text-on-dark-faint: rgba(237, 232, 208, 0.38);

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

  /* Gold gradients — for CTA buttons, section highlights */
  --color-accent-gradient:       linear-gradient(135deg, #B8860B, #D4A84B);
  --color-accent-gradient-soft:  linear-gradient(135deg, #F5ECD5, #E8CF8A, #D4A84B);
  --color-accent-gradient-rich:  linear-gradient(135deg, #8B6508, #B8860B, #D4A84B);

  /* Brown gradients — for dark sections, hero overlays */
  --color-green-gradient:        linear-gradient(135deg, #5C1A1A, #7A3030);
  --color-green-gradient-rich:   linear-gradient(160deg, #3E1212, #5C1A1A, #7A3030);

  /* Heritage combo — maroon to gold (for special accents) */
  --color-brand-gradient:        linear-gradient(135deg, #5C1A1A, #B8860B);

  /* ────────────────────────────────────
     BORDERS
     ──────────────────────────────────── */
  --color-border-light:   rgba(92, 26, 26, 0.08);
  --color-border:         rgba(92, 26, 26, 0.15);
  --color-border-strong:  rgba(92, 26, 26, 0.30);
  --color-border-accent:  rgba(184, 134, 11, 0.28);
  --color-border-cream:   rgba(180, 150, 110, 0.20);

  /* Borders on dark backgrounds */
  --color-border-on-dark: rgba(237, 232, 208, 0.15);

  /* ────────────────────────────────────
     HERO RADIAL GLOWS
     ──────────────────────────────────── */
  --color-hero-glow-1:  rgba(92, 26, 26, 0.06);
  --color-hero-glow-2:  rgba(184, 134, 11, 0.05);
  --color-grid-line:    rgba(92, 26, 26, 0.04);

  /* ────────────────────────────────────
     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(184, 134, 11, 0.28);

  /* ────────────────────────────────────
     INK (dark) SURFACES
     ──────────────────────────────────── */
  --color-ink:        var(--brand-brown);      /* maroon dark bg                */
  --color-on-ink:     #EDE8D0;                 /* beige text on dark            */
  --color-ink-mid:    var(--brand-brown-mid);

  /* ────────────────────────────────────
     INK SECTION GLOWS
     ──────────────────────────────────── */
  --color-ink-glow-1: rgba(184, 134, 11, 0.08);  /* gold glow on maroon       */
  --color-ink-glow-2: rgba(237, 232, 208, 0.04);

  /* ────────────────────────────────────
     RIBBON
     ──────────────────────────────────── */
  --color-ribbon-border: rgba(237, 232, 208, 0.12);
  --color-ribbon-text:   rgba(237, 232, 208, 0.75);

  /* ────────────────────────────────────
     FOOTER
     ──────────────────────────────────── */
  --color-footer-bg: #3E1212;              /* darkest maroon footer            */

}