/* =====================================================
   COLORS — "Soft Dark"
   A neutral, near-black field with warm-neutral light
   accents. Hue is almost absent by design: brightness,
   not color, does the work. Only two chromatic colors
   exist — a profit green and a rarely-used amber/red for
   status. Whites/blacks are near-neutral (saturation ~0).
   ===================================================== */
:root {
  /* ---- Page field (flat, no gradient) ---- */
  --bg-0: #1c1c1f;   /* raised field / lightest backdrop     */
  --bg-1: #151517;   /* mid field                            */
  --bg-2: #0d0d0f;   /* the true page background             */

  /* ---- Surfaces (panels are a subtle top→bottom ramp) ---- */
  --surface-top: #1f1f23;  /* top of a panel gradient        */
  --surface-bot: #141416;  /* bottom of a panel gradient     */
  --surface-2:   #232327;  /* inset tracks, tags, chips      */
  --well:        #08080a;  /* deepest inset well / input bg  */

  /* ---- The tactile light pill (the signature element) ---- */
  --raised-top: #f5f6f8;   /* top of the raised light pill   */
  --raised-bot: #d4d7dd;   /* bottom of the raised light pill*/
  --raised-ink: #15171c;   /* text ON a light pill           */

  /* ---- Neutral accent — brightness, not hue ---- */
  --accent:     #c2c4cb;
  --accent-dim: #8d8f97;

  /* ---- Text ---- */
  --text:        #f5f6f8;                    /* primary text        */
  --text-strong: #ffffff;                    /* emphasis / hero em  */
  --text-dim:    rgba(245, 246, 248, 0.55);  /* secondary / captions*/
  --text-faint:  rgba(255, 255, 255, 0.07);

  /* Legacy aliases kept so existing site markup keeps working */
  --cream:       var(--text);
  --cream-dim:   var(--text-dim);
  --cream-faint: var(--text-faint);

  /* ---- Semantic / status (the ONLY chromatic colors) ---- */
  --positive:      #3ad07f;                    /* profit / ROI / +EV */
  --positive-glow: rgba(58, 208, 127, 0.35);
  --warning:       #e0b84a;                     /* underdog / caution */
  --danger:        #e0706a;                     /* invalid input      */

  /* ---- Hairlines (all light-on-dark, low alpha) ---- */
  --hair:   rgba(255, 255, 255, 0.07);
  --hair-2: rgba(255, 255, 255, 0.12);

  /* ---- Legacy accent remaps (any stray reference stays neutral) ---- */
  --orange:   var(--accent);
  --orange-2: var(--raised-bot);
}