/*
=============================================================
  css/variables.css
  PURPOSE: All our design tokens — colours, fonts, spacing.
  CUSTOMISE: Change values here to restyle the entire app.
=============================================================
*/
:root {

  /* ── GOLD ACCENT ──────────────────────────────────── */
  --gold:        #C8A96E;
  --gold-light:  #E8D5A3;
  --gold-dark:   #8B6914;

  /* ── BLUE PALETTE ────────────────────────────────── */
  --blue-deep:   #030b29;   /* page background          */
  --blue-mid:    #0D1F3C;   /* topbar background        */
  --blue-card:   #112244;   /* menu item cards          */
  --blue-smoke:  #1A3055;   /* input / qty control bg   */
  --blue-ash:    #1E3A66;   /* border colour            */
  --blue-mist:   #2A4F82;   /* hover border             */
  --blue-glow:   rgba(100,160,255,0.08);

  /* ── MAPPED NAMES (used throughout the CSS) ──────── */
  --onyx:      #030b29;     /* same as blue-deep        */
  --charcoal:  #0D1F3C;     /* same as blue-mid         */
  --smoke:     #1A3055;     /* same as blue-smoke       */
  --ash:       #1E3A66;     /* same as blue-ash         */

  /* ── TEXT ────────────────────────────────────────── */
  --silver:    #8BA8CC;     /* muted text               */
  --pearl:     #D0E4F7;     /* body text on blue bg     */
  --white:     #FFFFFF;

  /* ── STATUS ─────────────────────────────────────── */
  --success:   #2D7A4F;
  --error:     #8B2020;
  --warning:   #8B6000;

  /* ── FONTS ───────────────────────────────────────── */
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body:    'Inter', system-ui, sans-serif;

  /* ── SPACING ─────────────────────────────────────── */
  --space-xs:  0.4rem;
  --space-sm:  0.75rem;
  --space-md:  1.25rem;
  --space-lg:  2rem;
  --space-xl:  3rem;

  /* ── RADIUS ──────────────────────────────────────── */
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   20px;
  --radius-pill: 100px;

  /* ── ANIMATION ───────────────────────────────────── */
  --transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);

}


/* ── RESTAURANT CONFIG ─────────────────────────────────
:root {
  --restaurant-name:  "Ziyafath Hyderabadi Restaurant";   
  --restaurant-tagline: "Har Dosth ka Recommendation"; 
}