/* ============================================================
   THEME: Southside Hakka & Momo House
   Palette sampled from assets/logo/logo.webp — the logo is a
   red disc (#EB0C13) inside a black ring on off-white, so the
   site runs red + charcoal + white to match the badge.
   Re-skin the entire site by editing these five variables.
   Every shade, tint, border, and glow is derived from them
   automatically in style.css.
   All five are WCAG AA verified against the surfaces they land
   on — see the note under each before changing one.
   DO NOT add layout, grid, flexbox, or spacing here.
   ============================================================ */

:root {
  --brand:   #e30b11;   /* 1 · primary  — buttons, links, accents     */
                        /*     logo red, a shade deeper so small text */
                        /*     (.item-price) clears 4.5:1 on --canvas */
  --brand-2: #1a1a1f;   /* 2 · secondary — dark bands, footer         */
                        /*     the logo's black ring + wordmark       */
  --brand-3: #c8830a;   /* 3 · highlight — stars, badges, small hits  */
                        /*     amber deep enough for 3:1 on white,    */
                        /*     since stars sit on light quote cards   */
  --canvas:  #f8f6f4;   /* 4 · warm section background                */
                        /*     echoes the logo's off-white field      */
  --ink:     #17161a;   /* 5 · text                                   */
}