/* ============================================================
   THEME: Hi-Ball Restaurant — palette derived from the logo
   Re-skin the entire site by editing these five variables.
   Every shade, tint, border, and glow is derived from them
   automatically in style.css.
   DO NOT add layout, grid, flexbox, or spacing here.

   --brand is sampled from assets/logo/logo.webp: 95.9% of the
   mark's saturated pixels sit in one hue bucket (345-360deg),
   median #BE0912. Buttons put white text on --brand, so it is
   held to WCAG AA — #BE0912 gives 6.49:1 on white.
   ============================================================ */

:root {
  --brand:   #be0912;   /* 1 · primary  — buttons, links, accents     */
  --brand-2: #3a2418;   /* 2 · secondary — deep espresso bands, footer*/
  --brand-3: #e0a028;   /* 3 · highlight — stars, badges, small hits  */
  --canvas:  #faf6f0;   /* 4 · warm section background                */
  --ink:     #201d1a;   /* 5 · text                                   */
}