/* Wealthy — brand design tokens */
:root {
  /* Brand */
  --w-blue:    #3E7BD6;  /* primary actions */
  --w-indigo:  #43469B;  /* depth, charts */
  --w-teal:    #4FC9C0;  /* growth, positive */
  --w-sky:     #6BB6E8;  /* info, highlight */

  /* Neutrals */
  --w-navy:    #1B2440;  /* headings, wordmark */
  --w-slate:   #5B6577;  /* body text */
  --w-mist:    #EAF1FB;  /* tinted surfaces */
  --w-cloud:   #F6F8FB;  /* app background */
  --w-border:  #EEF1F6;

  /* State */
  --w-up:      #17A589;  /* gains */
  --w-down:    #E0566F;  /* losses */

  /* Signature gradient — hero moments & the mark only, use sparingly */
  --w-gradient: linear-gradient(100deg, #4FC9C0 0%, #3E7BD6 52%, #43469B 100%);

  /* Type */
  --w-font-sans: 'Plus Jakarta Sans', system-ui, sans-serif;
  --w-font-mono: 'Spline Sans Mono', ui-monospace, monospace; /* money & data, tabular-nums */
}