/* ============================================================
   Eat What Food? — design tokens
   Reconstructed to match the warm "paper" look and tuned so every
   text/surface pairing meets WCAG AA (4.5:1 for body, 3:1 for large).
   Adjust the hues to taste — the contrast headroom noted below means
   small nudges won't break accessibility.
   ============================================================ */
:root{
  /* --- surfaces --- */
  --paper:    #FBF4E7;  /* page background — warm cream */
  --paper-2:  #FFFDF8;  /* cards, chips, nav bar — a touch lighter so they lift off --paper */
  --line:     #E7DCC8;  /* hairline borders & dividers */

  /* --- text --- */
  --ink:      #2A2320;  /* primary text — ~13:1 on --paper (AAA) */
  --ink-soft: #5F5349;  /* secondary text — ~6.6:1 on --paper (AA, small text) */

  /* --- brand / accents --- */
  --tomato:      #CC3A1A;  /* primary brand — ~4.9:1 on --paper; ~5.3:1 under white button text */
  --tomato-dark: #A12C11;  /* 3D drop-shadow under the pick button */
  --mustard:     #A4760A;  /* ticket tag + star rating — gold that stays legible on light surfaces */
  --green:       #1B7A42;  /* "open now" + order button — ~4.6:1 on light surfaces */

  /* --- effects --- */
  --shadow: rgba(74, 56, 36, 0.16);  /* warm, low-alpha shadow color */
}