/* Egg & Bunz — Color tokens
   Base brand palette + semantic aliases.
   Warm, bright, morning-energy. Yellow leads; charcoal grounds. */

:root {
  /* ---- Brand base palette ---- */
  --eb-egg-yellow:     #FFBE37; /* primary — highlights, accents, buttons */
  --eb-cheddar-orange: #F29E2E; /* CTA / hover on yellow, warm accents */
  --eb-warm-white:     #FFF8E7; /* primary background, clean spaces */
  --eb-charcoal:       #1B1B1B; /* text, menu boards, logo outlines */
  --eb-bun-beige:      #E2D2B6; /* packaging, natural / secondary surfaces */
  --eb-light-gray:     #EFEFEF; /* dividers, soft backgrounds */

  /* Signature pattern accent — EGG&BUNZ tile is yellow-on-purple */
  --eb-grape:          #8B00BF; /* pattern background, bold accent moments */

  /* ---- Extended tints & shades (derived, harmonious) ---- */
  --eb-yellow-100: #FFF1CE;
  --eb-yellow-200: #FFE29A;
  --eb-yellow-300: #FFD066;
  --eb-yellow-400: #FFBE37; /* = egg-yellow */
  --eb-yellow-500: #F5A81F;
  --eb-orange-500: #F29E2E; /* = cheddar */
  --eb-orange-600: #DB8320; /* pressed cheddar */

  --eb-charcoal-900: #111111;
  --eb-charcoal-800: #1B1B1B; /* = charcoal */
  --eb-charcoal-700: #333333;
  --eb-charcoal-500: #5C5C5C;
  --eb-charcoal-400: #8A8A8A; /* muted text */

  --eb-beige-100: #F3EBDC;
  --eb-beige-200: #E2D2B6; /* = bun-beige */
  --eb-beige-300: #D2BE99;

  --eb-white: #FFFFFF;

  /* ---- Semantic — surfaces ---- */
  --surface-page:     var(--eb-warm-white);
  --surface-card:     var(--eb-white);
  --surface-sunken:   var(--eb-light-gray);
  --surface-natural:  var(--eb-bun-beige);   /* packaging / natural blocks */
  --surface-invert:   var(--eb-charcoal-800);/* menu board / footer */
  --surface-accent:   var(--eb-egg-yellow);  /* highlight blocks */
  --surface-grape:    var(--eb-grape);       /* pattern / bold hero blocks */

  /* ---- Semantic — text ---- */
  --text-strong:   var(--eb-charcoal-800);
  --text-body:     var(--eb-charcoal-700);
  --text-muted:    var(--eb-charcoal-400);
  --text-on-dark:  var(--eb-warm-white);
  --text-on-yellow:var(--eb-charcoal-800);
  --text-on-grape: var(--eb-egg-yellow);
  --text-price:    var(--eb-charcoal-800);

  /* ---- Semantic — interactive ---- */
  --action-primary:        var(--eb-cheddar-orange);
  --action-primary-hover:  #E8931F;
  --action-primary-press:  var(--eb-orange-600);
  --action-primary-text:   var(--eb-charcoal-800);

  --action-accent:         var(--eb-egg-yellow); /* yellow button */
  --action-accent-hover:   var(--eb-yellow-500);
  --action-accent-press:   var(--eb-orange-500);

  --action-dark:           var(--eb-charcoal-800);
  --action-dark-hover:     var(--eb-charcoal-700);
  --action-dark-text:      var(--eb-warm-white);

  /* ---- Semantic — lines ---- */
  --border-soft:   var(--eb-light-gray);
  --border-beige:  var(--eb-beige-300);
  --border-strong: var(--eb-charcoal-800);
  --divider:       var(--eb-light-gray);

  /* ---- Status ---- */
  --status-success: #3FA34D;
  --status-warning: var(--eb-cheddar-orange);
  --status-error:   #E4572E;
  --status-info:    var(--eb-grape);

  /* ---- Focus ring ---- */
  --focus-ring: var(--eb-cheddar-orange);
}