/* ============================================================
   MUNCHIO — COLOR TOKENS
   A loud, flavor-forward palette. Warm cream base, two accents
   that fight for attention (chili red + lime green), spice tones
   for ground-spice warmth, charcoal for brutalist structure.
   ============================================================ */
:root {
  /* --- Base surfaces (warm pale peach-cream) --- */
  --cream:        #F4E4CE;   /* primary page background */
  --cream-light:  #FBF3E6;   /* lifted surfaces, cards on cream */
  --cream-deep:   #EDD7B8;   /* recessed / banded sections */
  --paper:        #FFFFFF;   /* crisp white for photo frames, fields */

  /* --- Primary accents (the two that fight) --- */
  --chili:        #E5311B;   /* fiery chili red — heat, urgency */
  --chili-deep:   #C0240F;   /* pressed / shadow red */
  --lime:         #9BCB3C;   /* zesty high-visibility lime green */
  --lime-deep:    #7CA82B;   /* pressed lime */

  /* --- Brand green (the MUNCHIO logo green — grassy kelly) --- */
  --green:        #159B3D;
  --green-deep:   #0E7A2E;

  /* --- Secondary spice tones --- */
  --rust:         #C8502A;   /* deep rust-orange, ground spice */
  --mustard:      #F0B711;   /* sun-drenched mustard yellow */
  --mustard-deep: #D49A06;

  /* --- Structure (charcoal black) --- */
  --ink:          #181410;   /* borders, outlines, drop-shadows, body text */
  --ink-soft:     #3A322A;   /* secondary text on light */

  /* --- Neutral support --- */
  --bone:         #E7DCC8;   /* hairlines, muted fills on cream */
  --white:        #FFFFFF;

  /* ============================================================
     SEMANTIC ALIASES — reference these in components
     ============================================================ */
  --bg-page:        var(--cream);
  --bg-band-red:    var(--chili);
  --bg-band-lime:   var(--lime);
  --bg-band-mustard:var(--mustard);
  --surface-card:   var(--cream-light);
  --surface-photo:  var(--paper);

  --text-body:      var(--ink);
  --text-muted:     var(--ink-soft);
  --text-on-dark:   var(--cream-light);
  --text-on-red:    var(--cream-light);
  --text-on-lime:   var(--ink);
  --text-on-mustard:var(--ink);

  --border-color:   var(--ink);

  --action:         var(--chili);
  --action-press:   var(--chili-deep);
  --action-alt:     var(--lime);
  --action-alt-press: var(--lime-deep);

  /* flavor-coded accents (per product line) */
  --flavor-bbq:     var(--rust);
  --flavor-garlic:  var(--lime);
  --flavor-ketchup: var(--chili);
  --flavor-sourcream:#CFE08A;
  --flavor-buffalo: var(--mustard);
}