/* ============================================================
   THEME (DT template). Re-skin the entire site by editing these.
   The first five are the standard iOrders theme slots (same names
   as every template). The four DT slots below them are DERIVED from
   --brand by restaurant-phase2-rebrand/scripts/dt_theme.py so each
   one passes WCAG AA where it is used — run it, never hand-pick them.
   DO NOT add layout, grid, flexbox, or spacing here.
   ============================================================ */

:root {
  --brand:   #d95139;   /* 1 · primary   — the store's logo accent: CTAs, rules, hairlines */
  --brand-2: #131313;   /* 2 · secondary — the room: dark hero, bands, footer              */
  --brand-3: #d95139;   /* 3 · highlight — usually = --brand                                */
  --canvas:  #f6f2ea;   /* 4 · paper     — warm cream ground                                */
  --ink:     #151818;   /* 5 · text                                                         */

  /* DT derived slots (dt_theme.py) */
  --brand-hover:  #de6651;   /* --brand, one step away from the button text        */
  --on-brand:     #111111;   /* text on --brand buttons (>= 4.5:1)                 */
  --accent-ink:   #bf4732;   /* --brand darkened until >= 4.5:1 on --canvas        */
  --accent-light: #ea9f92;   /* --brand lightened until >= 4.5:1 on --brand-2      */
}