/* ============================================================
   ALPHA WHALES — COLOR SYSTEM
   A pure-black crypto terminal palette. Backgrounds are true
   black stepping up through near-blacks; text steps down a
   neutral gray ramp. Three signal hues: GREEN = buy/up/success,
   RED/PINK = sell/down/danger, BLUE = primary action + active state.
   ============================================================ */
:root {
  /* ---- Neutral ramp (base scale, from METADATA / Figma vars) ---- */
  --aw-white:        rgb(255,255,255);
  --aw-gray-25:      rgb(250,250,250);
  --aw-gray-100:     rgb(235,235,235);
  --aw-gray-150:     rgb(224,224,224);
  --aw-gray-200:     rgb(214,214,214);
  --aw-gray-250:     rgb(204,204,204);
  --aw-gray-300:     rgb(194,194,194);
  --aw-gray-350:     rgb(184,184,184);
  --aw-gray-400:     rgb(163,163,163);
  --aw-gray-500:     rgb(143,143,143);
  --aw-gray-600:     rgb(122,122,122);
  --aw-gray-700:     rgb(102,102,102);
  --aw-gray-800:     rgb(82,82,82);
  --aw-gray-900:     rgb(61,61,61);
  --aw-gray-915:     rgb(45,45,45);
  --aw-gray-925:     rgb(41,41,41);
  --aw-gray-944:     rgb(28,28,28);
  --aw-gray-950:     rgb(20,20,20);
  --aw-gray-975:     rgb(10,10,10);
  --aw-black:        rgb(0,0,0);

  /* ---- Green — BUY / up / success ---- */
  --aw-green-bright: rgb(47,188,112);   /* dark-mode emphasis text */
  --aw-green-500:    rgb(20,164,87);
  --aw-green-600:    rgb(20,144,77);    /* core buy color */
  --aw-green-soft:   rgb(105,178,139);  /* muted lines / strokes */
  --aw-green-glow:   rgba(95,174,132,0.2);
  --aw-green-tint:   rgba(20,144,77,0.12);

  /* ---- Red / Pink — SELL / down / danger ---- */
  --aw-red-soft:     rgb(213,114,133);
  --aw-red-300:      rgb(223,42,78);    /* core sell color */
  --aw-red-400:      rgb(193,31,64);
  --aw-red-600:      rgb(137,26,48);
  --aw-red-glow:     rgba(223,42,78,0.2);
  --aw-red-tint:     rgba(223,42,78,0.12);

  /* ---- Blue — primary action / active / link ---- */
  --aw-blue-bright:  rgb(0,144,255);
  --aw-blue-500:     rgb(43,106,209);   /* primary button / active border */
  --aw-blue-periwinkle: rgb(123,145,254); /* subtle accents, glows */
  --aw-blue-glow:    rgba(43,106,209,0.2);
  --aw-blue-tint:    rgba(43,106,209,0.12);

  /* ---- Coin / brand orb (the blue token avatar gradient) ---- */
  --aw-orb-blue:     rgb(31,77,255);

  /* ============================================================
     SEMANTIC ALIASES — reference these in components
     ============================================================ */
  /* Surfaces (dark is the only theme the product ships) */
  --surface-page:     var(--aw-black);     /* app canvas */
  --surface-raised:   var(--aw-gray-975);  /* sidebar, panels */
  --surface-card:     var(--aw-gray-950);  /* cards, rows */
  --surface-elevated: var(--aw-gray-944);  /* hover / popovers */
  --surface-input:    var(--aw-black);     /* fields sit on black */
  --surface-section:  rgb(44,44,44);       /* figma section frame */

  /* Borders */
  --border-subtle:    var(--aw-gray-950);  /* hairline on black */
  --border-default:   var(--aw-gray-925);  /* standard 1px */
  --border-strong:    var(--aw-gray-900);  /* emphasized */
  --border-active:    var(--aw-blue-500);  /* selected / focus */

  /* Text */
  --text-primary:     var(--aw-white);
  --text-secondary:   var(--aw-gray-100);
  --text-muted:       var(--aw-gray-500);  /* labels, meta, inactive nav */
  --text-faint:       var(--aw-gray-700);  /* timestamps, captions */
  --text-disabled:    var(--aw-gray-800);  /* section headers, ghosts */
  --text-on-accent:   var(--aw-white);

  /* Signals */
  --signal-buy:       var(--aw-green-600);
  --signal-buy-text:  var(--aw-green-bright);
  --signal-sell:      var(--aw-red-300);
  --signal-sell-text: var(--aw-red-300);
  --accent:           var(--aw-blue-500);
  --accent-text:      var(--aw-blue-bright);
  --link:             var(--aw-blue-bright);

  /* Focus ring */
  --focus-ring:       var(--aw-blue-500);
}