/* ============================================================
   THEME: Eating Sushi (Winnipeg), dark look after Ocean Bites.
   Re-skin the entire site by editing these five variables.
   Every shade, tint, border and glow is derived from them
   automatically in style.css. custom.css finishes the dark
   conversion (PM was built light-cream, so a few derived
   tokens and hardcoded surfaces are re-pointed there).
   DO NOT add layout, grid, flexbox, or spacing here.
   ============================================================ */

:root {
  --brand:   #ffe352;   /* 1 · accent   — yellow: buttons, labels, stars, icons, hairlines */
  --brand-2: #1e1b18;   /* 2 · deep     — raised charcoal: panels, footer CTA, overlay menu */
  --brand-3: #f5f0e6;   /* 3 · light    — cream: headings & text on dark bands             */
  --canvas:  #141210;   /* 4 · section  — charcoal section background (was light cream)    */
  --ink:     #f5f0e6;   /* 5 · ink      — headings & body-text base (cream on dark)        */
}