/* ============================================================
   COLOR CONFIGURATION — Pancha Kattu Dosa
   Theme: Vivid Orange · Bold Black · Crisp White · Olive Green
   "Authentically Rayalaseema"
   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  (usually stays the same)
     ──────────────────────────────────── */
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body:    '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  (warm, bold — street-food energy)
     ──────────────────────────────────── */
  --shadow-xs:     0 1px 4px  rgba(0, 0, 0, 0.10);
  --shadow-sm:     0 3px 14px rgba(0, 0, 0, 0.14);
  --shadow-md:     0 8px 32px rgba(0, 0, 0, 0.18);
  --shadow-lg:     0 20px 60px rgba(0, 0, 0, 0.22);
  --shadow-accent: 0 8px 36px rgba(230, 92, 22, 0.40);

  /* ════════════════════════════════════
     ★  BRAND PALETTE  ★
     Change these lines for any client
     ════════════════════════════════════ */

  /* ── VIVID ORANGE FAMILY (dominant brand color) ──────────── */
  --brand-accent:        #E65C16;   /* ← vivid orange (exact logo bg)      */
  --brand-accent-light:  #F08A4C;   /* ← bright warm orange highlight      */
  --brand-accent-pale:   #FCE3D2;   /* ← soft peach tint                   */
  --brand-accent-deep:   #B8420A;   /* ← deep burnt orange (hover, italic) */
  --brand-accent-vivid:  #FF7A2E;   /* ← bright pop orange (CTA hover)     */

  /* ── OLIVE GREEN FAMILY (secondary accent — inner ring) ──── */
  --brand-green:         #6E8B3D;   /* ← olive-sage green (logo ring)      */
  --brand-green-mid:     #87A352;   /* ← mid olive green                   */
  --brand-green-light:   #E8EFDA;   /* ← barely-there sage tint            */

  /* ── BOLD BLACK FAMILY (ink / dark surfaces) ─────────────── */
  --brand-black:         #161310;   /* ← near-black (badge ring, text bar) */
  --brand-black-raised:  #221e19;   /* ← slightly raised dark surface      */

  /* ────────────────────────────────────
     BACKGROUNDS  (white dominant, warm undertone)
     ──────────────────────────────────── */
  --color-bg:        #ffffff;              /* pure white — main canvas       */
  --color-bg-off:    #fef8f3;              /* warm whisper-orange white      */
  --color-bg-cream:  #fbe9dd;              /* warm peach-cream sections       */

  /* ────────────────────────────────────
     TEXT
     ──────────────────────────────────── */
  --color-text-ink:   #1a1410;             /* near-black, warm dark          */
  --color-text-body:  #3a2c20;             /* dark warm brown                */
  --color-text-muted: #8a6f55;             /* muted warm brown-gray          */
  --color-text-faint: #c0a890;             /* faint warm tan                 */

  /* ────────────────────────────────────
     ACCENT COLORS  (derived from brand)
     ──────────────────────────────────── */
  --color-accent:          var(--brand-accent);
  --color-accent-light:    var(--brand-accent-light);
  --color-accent-deep:     var(--brand-accent-deep);
  --color-accent-dark:     #8a3308;        /* darkest orange for headlines   */
  --color-accent-gradient: linear-gradient(135deg, #FF7A2E, #E65C16);

  /* ────────────────────────────────────
     BORDERS
     ──────────────────────────────────── */
  --color-border-light: rgba(230, 92, 22, 0.16);
  --color-border:       rgba(230, 92, 22, 0.36);

  /* ────────────────────────────────────
     HERO RADIAL GLOWS
     ──────────────────────────────────── */
  --color-hero-glow-1: rgba(230, 92, 22, 0.12);   /* orange glow            */
  --color-hero-glow-2: rgba(110, 139, 61, 0.07);  /* olive green glow       */
  --color-grid-line:   rgba(230, 92, 22, 0.05);

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

  /* ────────────────────────────────────
     OFFER BOX
     ──────────────────────────────────── */
  --color-offer-bg:    rgba(230, 92, 22, 0.08);
  --color-offer-sheen: rgba(255, 255, 255, 0.25);

  /* ────────────────────────────────────
     PULSE RING  (hero badge dot)
     ──────────────────────────────────── */
  --color-pulse-ring: rgba(230, 92, 22, 0.32);

  /* ────────────────────────────────────
     INK (dark) SURFACES  (ribbon, CTA, promise, footer nav bar)
     ──────────────────────────────────── */
  --color-ink:       #161310;              /* bold black dark bg             */
  --color-on-ink:    #fef8f3;              /* warm white text on dark        */
  --color-on-ink-muted: rgba(254, 248, 243, 0.65);
  --color-on-ink-faint: rgba(254, 248, 243, 0.35);

  /* ────────────────────────────────────
     INK SECTION GLOWS
     ──────────────────────────────────── */
  --color-ink-glow-1: rgba(230, 92, 22, 0.14);    /* orange glow on black   */
  --color-ink-glow-2: rgba(110, 139, 61, 0.08);   /* olive glow on black    */

  /* ────────────────────────────────────
     SURFACES & BORDERS ON INK BACKGROUNDS
     ──────────────────────────────────── */
  --color-border-on-ink:        rgba(230, 92, 22, 0.25);
  --color-border-on-ink-hover:  rgba(230, 92, 22, 0.48);
  --color-surface-on-ink:       rgba(230, 92, 22, 0.08);
  --color-surface-on-ink-hover: rgba(230, 92, 22, 0.15);

  /* ────────────────────────────────────
     NAVBAR
     ──────────────────────────────────── */
  --color-nav-bg: rgba(255, 255, 255, 0.95);

  /* ────────────────────────────────────
     GALLERY
     ──────────────────────────────────── */
  --color-gallery-overlay:  linear-gradient(to top, rgba(22, 19, 16, 0.65) 0%, transparent 50%);
  --color-gallery-label-bg: linear-gradient(transparent, rgba(22, 19, 16, 0.85));

  /* ────────────────────────────────────
     CARD IMAGE OVERLAY
     ──────────────────────────────────── */
  --color-card-img-overlay: linear-gradient(to top, rgba(255, 255, 255, 0.65) 0%, transparent 45%);

  /* ────────────────────────────────────
     BUTTON ARROW BG
     ──────────────────────────────────── */
  --color-btn-arr-bg: rgba(255, 255, 255, 0.16);

  /* ────────────────────────────────────
     CTA DIAGONAL LINES
     ──────────────────────────────────── */
  --color-cta-line: rgba(230, 92, 22, 0.05);

  /* ────────────────────────────────────
     MOBILE DRAWER
     ──────────────────────────────────── */
  --color-drawer-bg: rgba(254, 248, 243, 0.98);

  /* ────────────────────────────────────
     RIBBON
     ──────────────────────────────────── */
  --color-ribbon-border: rgba(230, 92, 22, 0.30);
  --color-ribbon-text:   rgba(254, 248, 243, 0.82);

  /* ────────────────────────────────────
     FOOTER  (can differ from ink sections)
     ──────────────────────────────────── */
  --color-footer-bg: #0e0009;             /* deepest black footer           */

}