/* ============================================================
   COLOR CONFIGURATION — Alankar Family Restaurant · Gudivada
   Theme: Royal Gold · Pure White · Peacock Teal · Since 1968
   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  (gold-tinted — premium heritage)
     ──────────────────────────────────── */
  --shadow-xs:     0 1px 4px  rgba(0, 0, 0, 0.07);
  --shadow-sm:     0 3px 14px rgba(180, 130, 30, 0.12);
  --shadow-md:     0 8px 32px rgba(180, 130, 30, 0.15);
  --shadow-lg:     0 20px 60px rgba(180, 130, 30, 0.18);
  --shadow-accent: 0 8px 36px rgba(197, 150, 26, 0.35);

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

  /* ── ROYAL GOLD FAMILY (dominant accent) ────────────────── */
  --brand-accent:        #C5961A;   /* ← royal gold (logo border/lettering) */
  --brand-accent-light:  #D4A84B;   /* ← mid bright gold                    */
  --brand-accent-pale:   #F5ECD5;   /* ← faintest gold tint                 */
  --brand-accent-deep:   #A07818;   /* ← deep antique gold                  */
  --brand-accent-vivid:  #DAB23E;   /* ← vivid gold (CTA hover)             */

  /* ── PEACOCK TEAL FAMILY (secondary / dark surfaces) ─────── */
  --brand-green:         #006D6F;   /* ← peacock teal (feather, dark bg)    */
  --brand-green-mid:     #008B8D;   /* ← mid teal                           */
  --brand-green-light:   #E0F4F4;   /* ← very light teal tint               */
  --brand-green-dark:    #004D4F;   /* ← darkest teal (footer)              */

  /* ── WARM CREAM / WHITE FAMILY (light surfaces) ──────────── */
  --brand-cream:         #FAF8F0;   /* ← warm cream (main bg)               */
  --brand-cream-deep:    #F0EDE0;   /* ← deeper cream sections              */

  /* ────────────────────────────────────
     BACKGROUNDS  (white + cream dominant)
     ──────────────────────────────────── */
  --color-bg:        #ffffff;              /* pure white — main canvas       */
  --color-bg-off:    #FAF8F0;              /* warm ivory white               */
  --color-bg-cream:  #F0EDE0;              /* warm cream divider bg          */

  /* ────────────────────────────────────
     TEXT
     ──────────────────────────────────── */
  --color-text-ink:   #1A2E2E;             /* near-black, warm teal-dark     */
  --color-text-body:  #2C4A4A;             /* dark teal body text            */
  --color-text-muted: #5A7A7A;             /* muted teal-gray                */
  --color-text-faint: #8AA8A8;             /* faint teal-gray                */

  /* ────────────────────────────────────
     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:     #7A5810;        /* darkest gold for headlines     */
  --color-accent-gradient: linear-gradient(135deg, #DAB23E, #C5961A);

  /* ────────────────────────────────────
     BORDERS
     ──────────────────────────────────── */
  --color-border-light: rgba(197, 150, 26, 0.16);
  --color-border:       rgba(197, 150, 26, 0.34);

  /* ────────────────────────────────────
     HERO RADIAL GLOWS
     ──────────────────────────────────── */
  --color-hero-glow-1: rgba(197, 150, 26, 0.10);   /* gold glow             */
  --color-hero-glow-2: rgba(0, 109, 111, 0.07);    /* peacock teal glow     */
  --color-grid-line:   rgba(197, 150, 26, 0.05);

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

  /* ────────────────────────────────────
     OFFER BOX
     ──────────────────────────────────── */
  --color-offer-bg:    rgba(197, 150, 26, 0.08);
  --color-offer-sheen: rgba(255, 255, 255, 0.22);

  /* ────────────────────────────────────
     PULSE RING  (hero badge dot)
     ──────────────────────────────────── */
  --color-pulse-ring: rgba(197, 150, 26, 0.30);

  /* ────────────────────────────────────
     INK (dark) SURFACES  (ribbon, CTA, promise, footer nav bar)
     ──────────────────────────────────── */
  --color-ink:       #006D6F;              /* peacock teal dark bg           */
  --color-on-ink:    #FAF8F0;              /* warm cream text on dark        */
  --color-on-ink-muted: rgba(250, 248, 240, 0.65);
  --color-on-ink-faint: rgba(250, 248, 240, 0.35);

  /* ────────────────────────────────────
     INK SECTION GLOWS
     ──────────────────────────────────── */
  --color-ink-glow-1: rgba(197, 150, 26, 0.12);   /* gold shimmer on teal   */
  --color-ink-glow-2: rgba(250, 248, 240, 0.05);

  /* ────────────────────────────────────
     SURFACES & BORDERS ON INK BACKGROUNDS
     ──────────────────────────────────── */
  --color-border-on-ink:        rgba(197, 150, 26, 0.22);   /* gold border on teal */
  --color-border-on-ink-hover:  rgba(197, 150, 26, 0.45);
  --color-surface-on-ink:       rgba(197, 150, 26, 0.07);
  --color-surface-on-ink-hover: rgba(197, 150, 26, 0.14);

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

  /* ────────────────────────────────────
     GALLERY
     ──────────────────────────────────── */
  --color-gallery-overlay:  linear-gradient(to top, rgba(0, 77, 79, 0.65) 0%, transparent 50%);
  --color-gallery-label-bg: linear-gradient(transparent, rgba(0, 77, 79, 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.14);

  /* ────────────────────────────────────
     CTA DIAGONAL LINES
     ──────────────────────────────────── */
  --color-cta-line: rgba(197, 150, 26, 0.05);

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

  /* ────────────────────────────────────
     RIBBON
     ──────────────────────────────────── */
  --color-ribbon-border: rgba(197, 150, 26, 0.28);
  --color-ribbon-text:   rgba(250, 248, 240, 0.80);

  /* ────────────────────────────────────
     FOOTER  (can differ from ink sections)
     ──────────────────────────────────── */
  --color-footer-bg: #004D4F;             /* darkest peacock teal footer    */

}