/* ============================================================
   ALPHA WHALES — SPACING, RADII, BORDERS, SHADOWS
   The terminal is dense and orthogonal. Corners are nearly
   square (2px is the house radius); borders are crisp 1px
   hairlines; elevation is conveyed with colored glows, not
   soft drop shadows.
   ============================================================ */
:root {
  /* Spacing scale (px) — 4px base grid */
  --sp-0:   0px;
  --sp-1:   2px;
  --sp-2:   4px;
  --sp-3:   8px;
  --sp-4:   12px;
  --sp-5:   16px;
  --sp-6:   24px;
  --sp-7:   32px;
  --sp-8:   48px;
  --sp-9:   64px;

  /* Radii — the product is intentionally sharp */
  --radius-none: 0px;
  --radius-xs:   2px;    /* DEFAULT — cards, sections, buttons, inputs */
  --radius-sm:   4px;    /* chips / small controls */
  --radius-md:   8px;
  --radius-pill: 999px;  /* avatars, coin orbs, toggles */

  /* Border widths */
  --bw-hair: 1px;

  /* Elevation — colored glows over the black canvas */
  --shadow-none:  none;
  --shadow-buy:   0 0 0 1px var(--aw-green-glow), 0 4px 24px var(--aw-green-glow);
  --shadow-sell:  0 0 0 1px var(--aw-red-glow), 0 4px 24px var(--aw-red-glow);
  --shadow-accent:0 0 0 1px var(--aw-blue-glow), 0 4px 24px var(--aw-blue-glow);
  --shadow-orb:   0 0 24px 4px rgba(31,77,255,0.45);  /* coin avatar glow */
  --shadow-inset-hair: inset 0 0 0 1px rgba(0,0,0,0.1);

  /* Signature treatments */
  /* Active-nav / selected: left-to-right blue wash behind a full blue border */
  --wash-active: linear-gradient(90deg, var(--aw-blue-glow) 0%, rgba(43,106,209,0) 100%);
  --wash-buy:    linear-gradient(90deg, var(--aw-green-tint) 0%, rgba(20,144,77,0) 100%);
  --wash-sell:   linear-gradient(90deg, var(--aw-red-tint) 0%, rgba(223,42,78,0) 100%);

  /* Motion */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur-base: 180ms; /* @kind other */
}