/* ============================================================
   COLOR CONFIGURATION — Ankapur Village · A Military Hotel
   Theme: Golden Yellow · Deep Maroon · Bold Black
   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, rustic — village hotel feel)
     ──────────────────────────────────── */
  --shadow-xs:     0 1px 4px  rgba(0, 0, 0, 0.10);
  --shadow-sm:     0 3px 14px rgba(100, 20, 20, 0.13);
  --shadow-md:     0 8px 32px rgba(100, 20, 20, 0.16);
  --shadow-lg:     0 20px 60px rgba(100, 20, 20, 0.20);
  --shadow-accent: 0 8px 36px rgba(232, 178, 36, 0.40);

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

  /* ── GOLDEN YELLOW FAMILY (dominant brand color) ─────────── */
  --brand-accent:        #E8B224;   /* ← golden yellow (logo badge bg)     */
  --brand-accent-light:  #F2C654;   /* ← bright sunny yellow               */
  --brand-accent-pale:   #FCEFC4;   /* ← soft butter tint                  */
  --brand-accent-deep:   #B8860B;   /* ← deep antique gold (hover)         */
  --brand-accent-vivid:  #F5BC2E;   /* ← vivid gold pop (CTA hover)        */

  /* ── DEEP MAROON FAMILY (secondary — script text) ────────── */
  --brand-maroon:        #6E1423;   /* ← deep maroon-wine (logo text)      */
  --brand-maroon-mid:    #8A1E30;   /* ← mid maroon                        */
  --brand-maroon-light:  #F2DCDF;   /* ← barely-there blush-maroon tint    */

  /* ── BOLD BLACK FAMILY (ink / dark surfaces) ─────────────── */
  --brand-black:         #18130d;   /* ← near-black, warm-toned            */
  --brand-black-raised:  #241d14;   /* ← slightly raised dark surface      */

  /* ────────────────────────────────────
     BACKGROUNDS  (warm cream-white dominant)
     ──────────────────────────────────── */
  --color-bg:        #ffffff;              /* pure white — main canvas       */
  --color-bg-off:    #fdf8ec;              /* warm whisper-yellow white      */
  --color-bg-cream:  #f7ecc8;              /* warm golden-cream sections     */

  /* ────────────────────────────────────
     TEXT
     ──────────────────────────────────── */
  --color-text-ink:   #1c140a;             /* near-black, warm dark          */
  --color-text-body:  #3a2a16;             /* dark warm brown                */
  --color-text-muted: #7a5e2c;             /* muted golden-brown             */
  --color-text-faint: #b89c6a;             /* faint warm gold-gray           */

  /* ────────────────────────────────────
     ACCENT COLORS  (derived from brand)
     ──────────────────────────────────── */
  --color-accent:          var(--brand-accent);
  --color-accent-light:    var(--brand-accent-light);
  --color-accent-deep:     #6E1423;        /* maroon for italics / emphasis  */
  --color-accent-dark:     #8a6608;        /* darkest gold for headlines     */
  --color-accent-gradient: linear-gradient(135deg, #F5BC2E, #E8B224);

  /* ────────────────────────────────────
     BORDERS
     ──────────────────────────────────── */
  --color-border-light: rgba(232, 178, 36, 0.18);
  --color-border:       rgba(232, 178, 36, 0.38);

  /* ────────────────────────────────────
     HERO RADIAL GLOWS
     ──────────────────────────────────── */
  --color-hero-glow-1: rgba(232, 178, 36, 0.12);   /* gold glow             */
  --color-hero-glow-2: rgba(110, 20, 35, 0.06);    /* maroon glow            */
  --color-grid-line:   rgba(232, 178, 36, 0.06);

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

  /* ────────────────────────────────────
     OFFER BOX
     ──────────────────────────────────── */
  --color-offer-bg:    rgba(232, 178, 36, 0.10);
  --color-offer-sheen: rgba(255, 255, 255, 0.25);

  /* ────────────────────────────────────
     PULSE RING  (hero badge dot)
     ──────────────────────────────────── */
  --color-pulse-ring: rgba(232, 178, 36, 0.34);

  /* ────────────────────────────────────
     INK (dark) SURFACES  (ribbon, CTA, promise, footer nav bar)
     ──────────────────────────────────── */
  --color-ink:       #18130d;              /* bold black dark bg             */
  --color-on-ink:    #fdf8ec;              /* warm white text on dark        */
  --color-on-ink-muted: rgba(253, 248, 236, 0.65);
  --color-on-ink-faint: rgba(253, 248, 236, 0.35);

  /* ────────────────────────────────────
     INK SECTION GLOWS
     ──────────────────────────────────── */
  --color-ink-glow-1: rgba(232, 178, 36, 0.14);    /* gold glow on black    */
  --color-ink-glow-2: rgba(110, 20, 35, 0.08);     /* maroon glow on black  */

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

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

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

  /* ────────────────────────────────────
     CARD IMAGE OVERLAY
     ──────────────────────────────────── */
  --color-card-img-overlay: transparent;

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

  /* ────────────────────────────────────
     CTA DIAGONAL LINES
     ──────────────────────────────────── */
  --color-cta-line: rgba(232, 178, 36, 0.05);

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

  /* ────────────────────────────────────
     RIBBON
     ──────────────────────────────────── */
  --color-ribbon-border: rgba(232, 178, 36, 0.30);
  --color-ribbon-text:   rgba(253, 248, 236, 0.82);

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

}