/* ============================================================
   B&B Pilot — Color tokens
   Base palettes + semantic aliases.
   ============================================================ */
:root {
  /* --- Pilot Blue (primary / CTA 1) --- */
  --blue-50:  #EEF3FF;
  --blue-100: #DCE6FF;
  --blue-200: #B9CDFF;
  --blue-300: #8FACFF;
  --blue-400: #5C82FB;
  --blue-500: #2B5CFF;  /* primary */
  --blue-600: #1E47E0;
  --blue-700: #1638B5;
  --blue-800: #122C8C;

  /* --- Honey (warm hospitality accent) --- */
  --honey-50:  #FFF7E8;
  --honey-100: #FFECC4;
  --honey-200: #FFDD96;
  --honey-300: #FFD274;
  --honey-400: #FAB73C;
  --honey-500: #F59E0B;
  --honey-600: #D17F00;
  --honey-700: #A66200;

  /* --- Ink (cool slate neutrals) --- */
  --ink-900: #0F1729;  /* strongest text */
  --ink-800: #1C2638;
  --ink-700: #33415C;  /* body text */
  --ink-600: #4A5878;
  --ink-500: #6B7896;  /* muted text */
  --ink-400: #94A0BC;
  --ink-300: #C3CBDD;
  --ink-200: #E1E6F0;  /* subtle border */
  --ink-100: #EEF1F7;
  --ink-50:  #F7F8FB;  /* app background */
  --white:   #FFFFFF;

  /* --- Semantic palettes --- */
  --green-50:  #E7F8EF;
  --green-100: #C6EFD7;
  --green-500: #16B364;  /* success / competitive */
  --green-600: #099250;
  --green-700: #07703C;

  --red-50:  #FEF1F0;
  --red-100: #FCDAD7;
  --red-500: #F04438;    /* danger / overpriced */
  --red-600: #D92D20;
  --red-700: #B42318;

  --amber-50:  #FFF7E8;
  --amber-500: #F59E0B;  /* warning */
  --amber-600: #D17F00;

  /* --- Market-tension heatmap (low demand -> high demand) --- */
  --heat-1: #EAF2FF;  /* very low  — calm, room to lower */
  --heat-2: #CFE8F2;  /* low */
  --heat-3: #FBEFC0;  /* moderate */
  --heat-4: #F9CE93;  /* high */
  --heat-5: #F2A19D;  /* very high — hot market, raise */
  --heat-ink: var(--ink-900);

  /* ============================================================
     Semantic aliases — reference these in components
     ============================================================ */
  --bg-app:          var(--ink-50);
  --surface-card:    var(--white);
  --surface-sunken:  var(--ink-50);
  --surface-raised:  var(--white);
  --surface-tint:    var(--blue-50);
  --surface-honey:   var(--honey-50);

  --border-subtle:   var(--ink-200);
  --border-strong:   var(--ink-300);
  --border-focus:    var(--blue-500);

  --text-strong:     var(--ink-900);
  --text-body:       var(--ink-700);
  --text-muted:      var(--ink-500);
  --text-faint:      var(--ink-400);
  --text-on-primary: var(--white);
  --text-link:       var(--blue-600);

  --primary:         var(--blue-500);
  --primary-hover:   var(--blue-600);
  --primary-press:   var(--blue-700);
  --primary-soft:    var(--blue-50);

  --accent:          var(--honey-500);
  --accent-hover:    var(--honey-600);
  --accent-soft:     var(--honey-50);

  --success:         var(--green-500);
  --success-soft:    var(--green-50);
  --danger:          var(--red-500);
  --danger-soft:     var(--red-50);
  --warning:         var(--amber-500);
  --warning-soft:    var(--amber-50);

  /* price movement */
  --price-up:        var(--green-600);
  --price-down:      var(--red-600);
  --price-flat:      var(--ink-500);
}
