/* ============================================================
   SONORA — COLOR TOKENS
   Sonoran Desert palette: terracotta, cactus green, sunset
   amber, warm masa neutrals. Sampled from the brand logo,
   menu board, and desert illustrations.
   ============================================================ */
:root {
  /* --- Brand: Terracotta (primary / "Sonora Orange") --- */
  --terracotta-300: #E58A5E;
  --terracotta-400: #D46438;
  --terracotta-500: #C2461C; /* core wordmark orange */
  --terracotta-600: #A93C16;
  --terracotta-700: #8C3011;

  /* --- Brand: Cactus Green (secondary) --- */
  --cactus-300: #7E9579;
  --cactus-400: #557056;
  --cactus-500: #3E5742; /* core subtitle green */
  --cactus-600: #324736;
  --cactus-700: #26372A;

  /* --- Brand: Sunset Amber (accent) --- */
  --amber-300: #F6C172;
  --amber-400: #F4B04A;
  --amber-500: #EF9A1E; /* desert sun */
  --amber-600: #D07F12;

  /* --- Brand: Chili (deep heat red) --- */
  --chili-400: #C24A2A;
  --chili-500: #9E3415;
  --chili-600: #7E270E;

  /* --- Warm neutrals (masa / sand / ink) --- */
  --warm-50:  #FBF4E6; /* masa cream — app background */
  --warm-100: #F4E8D2; /* sand */
  --warm-150: #EFE0C4; /* tortilla */
  --warm-200: #E7D6B6;
  --warm-300: #D6BF95;
  --warm-400: #B89E74;
  --warm-500: #8F7A57;
  --warm-600: #6B5A41;
  --warm-700: #4C4032;
  --warm-800: #332B22;
  --warm-900: #241E18; /* warm ink */
  --white:    #FFFFFF;

  /* ============================================================
     SEMANTIC ALIASES — reference these in components, not raw scale
     ============================================================ */
  /* Brand */
  --brand:               var(--terracotta-500);
  --brand-strong:        var(--terracotta-600);
  --brand-stronger:      var(--terracotta-700);
  --brand-soft:          var(--terracotta-300);
  --brand-green:         var(--cactus-500);
  --brand-green-strong:  var(--cactus-600);
  --brand-amber:         var(--amber-500);

  /* Surfaces */
  --surface-app:         var(--warm-50);
  --surface-raised:      var(--white);
  --surface-card:        var(--white);
  --surface-sand:        var(--warm-100);
  --surface-tortilla:    var(--warm-150);
  --surface-inverse:     var(--cactus-700);
  --surface-ink:         var(--warm-900);

  /* Text */
  --text-strong:         var(--warm-900);
  --text-body:           var(--warm-800);
  --text-muted:          var(--warm-600);
  --text-subtle:         var(--warm-500);
  --text-on-brand:       var(--warm-50);
  --text-on-dark:        var(--warm-50);
  --text-brand:          var(--terracotta-600);
  --text-green:          var(--cactus-600);

  /* Borders & lines */
  --border-subtle:       rgba(36, 30, 24, 0.10);
  --border-default:      rgba(36, 30, 24, 0.16);
  --border-strong:       rgba(36, 30, 24, 0.28);
  --border-brand:        var(--terracotta-500);
  --hairline:            rgba(75, 64, 50, 0.22); /* menu-board divider */

  /* Feedback */
  --success:             var(--cactus-500);
  --success-surface:     #E7EDDF;
  --warning:             var(--amber-500);
  --warning-surface:     #FBEBCB;
  --danger:              var(--chili-500);
  --danger-surface:      #F6DDD2;
  --info:                #3E6B6E;
  --info-surface:        #DCE9E6;

  /* Focus ring */
  --focus-ring:          #8F3211;  /* opaque high-contrast terracotta — visible on light + dark surfaces (a11y) */

  /* Spice / heat indicators */
  --heat-mild:           var(--cactus-500);
  --heat-medium:         var(--amber-600);
  --heat-hot:            var(--chili-500);
}