/* ============================================================
   COLOR CONFIGURATION — Virasat · The Exotic Veg
   Theme: Midnight Black · Warm White · Saffron Gold
   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
     ──────────────────────────────────── */
  --shadow-xs:     0 1px 4px  rgba(0, 0, 0, 0.50);
  --shadow-sm:     0 3px 14px rgba(0, 0, 0, 0.55);
  --shadow-md:     0 8px 32px rgba(0, 0, 0, 0.60);
  --shadow-lg:     0 20px 60px rgba(0, 0, 0, 0.70);
  --shadow-accent: 0 8px 36px rgba(196, 152, 48, 0.40);

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

  /* Core accent (saffron gold) */
  --brand-accent:       #c49830;   /* ← saffron gold                     */
  --brand-accent-light: #ddb655;   /* ← bright warm gold                 */
  --brand-accent-pale:  #f8edc8;   /* ← soft gold tint                   */
  --brand-green:        #0d0d0d;   /* ← near-black (main dark)           */
  --brand-green-mid:    #181818;   /* ← slightly raised dark             */
  --brand-green-light:  #282828;   /* ← card / border dark               */

  /* ────────────────────────────────────
     BACKGROUNDS
     ──────────────────────────────────── */
  --color-bg:        #0d0d0d;              /* near-black canvas              */
  --color-bg-off:    #181818;              /* raised section bg              */
  --color-bg-cream:  #242424;              /* card surface bg                */

  /* ────────────────────────────────────
     TEXT
     ──────────────────────────────────── */
  --color-text-ink:   #f8f4ee;             /* warm white — headlines         */
  --color-text-body:  #ddd8d0;             /* soft warm white — body         */
  --color-text-muted: #a09890;             /* muted warm gray                */
  --color-text-faint: #5a5450;             /* faint warm gray                */

  /* ────────────────────────────────────
     ACCENT COLORS  (derived from brand)
     ──────────────────────────────────── */
  --color-accent:          var(--brand-accent);
  --color-accent-light:    var(--brand-accent-light);
  --color-accent-deep:     #8a6810;        /* deep antique gold              */
  --color-accent-dark:     #c49830;        /* gold — used on dark bg labels  */
  --color-accent-gradient: linear-gradient(135deg, #ddb655, #c49830);

  /* ────────────────────────────────────
     BORDERS
     ──────────────────────────────────── */
  --color-border-light: rgba(196, 152, 48, 0.15);
  --color-border:       rgba(196, 152, 48, 0.32);

  /* ────────────────────────────────────
     HERO RADIAL GLOWS
     ──────────────────────────────────── */
  --color-hero-glow-1: rgba(196, 152, 48, 0.10);
  --color-hero-glow-2: rgba(196, 152, 48, 0.06);
  --color-grid-line:   rgba(255, 255, 255, 0.03);

  /* ────────────────────────────────────
     BADGE / OFFER BOX
     ──────────────────────────────────── */
  --color-badge-bg:   #c49830;             /* solid gold badge               */
  --color-badge-text: #0d0d0d;             /* black text on gold badge       */

  /* ────────────────────────────────────
     OFFER BOX
     ──────────────────────────────────── */
  --color-offer-bg:    rgba(196, 152, 48, 0.08);   /* subtle gold tint box  */
  --color-offer-sheen: rgba(255, 255, 255, 0.18);   /* glossy shine pass     */

  /* ────────────────────────────────────
     PULSE RING  (hero badge dot)
     ──────────────────────────────────── */
  --color-pulse-ring: rgba(196, 152, 48, 0.35);

  /* ────────────────────────────────────
     INK (dark) SURFACES  (ribbon, CTA, promise, footer nav bar)
     ──────────────────────────────────── */
  --color-ink:       #0d0d0d;              /* pure black dark bg             */
  --color-on-ink:    #f8f4ee;              /* warm white text on dark        */
  --color-on-ink-muted: rgba(248, 244, 238, 0.65);  /* muted on-dark text   */
  --color-on-ink-faint: rgba(248, 244, 238, 0.35);  /* faint on-dark text   */

  /* ────────────────────────────────────
     INK SECTION GLOWS
     ──────────────────────────────────── */
  --color-ink-glow-1: rgba(196, 152, 48, 0.10);
  --color-ink-glow-2: rgba(196, 152, 48, 0.05);

  /* ────────────────────────────────────
     SURFACES & BORDERS ON INK BACKGROUNDS
     ──────────────────────────────────── */
  --color-border-on-ink:       rgba(255, 255, 255, 0.10);
  --color-border-on-ink-hover: rgba(255, 255, 255, 0.22);
  --color-surface-on-ink:      rgba(255, 255, 255, 0.04);
  --color-surface-on-ink-hover:rgba(255, 255, 255, 0.08);

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

  /* ────────────────────────────────────
     GALLERY
     ──────────────────────────────────── */
  --color-gallery-overlay:   linear-gradient(to top, rgba(0,0,0,0.55) 0%, transparent 50%);
  --color-gallery-label-bg:  linear-gradient(transparent, rgba(0,0,0,0.80));

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

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

  /* ────────────────────────────────────
     CTA DIAGONAL LINES
     ──────────────────────────────────── */
  --color-cta-line: rgba(255, 255, 255, 0.02);

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

  /* ────────────────────────────────────
     RIBBON
     ──────────────────────────────────── */
  --color-ribbon-border: rgba(196, 152, 48, 0.25);
  --color-ribbon-text:   rgba(248, 244, 238, 0.82);

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

}