/* Atlas Money color system (owner 2026-10-18) — the one source of truth for colors.
   The dark tabs (Budget, Housing) keep index.html's --ink (white) and --line (dark): the
   light values for those two names are scoped to the light surfaces below. */
:root {
  /* Brand */
  --brand-green: #33CC00;
  --brand-green-light: #EBFAE6;
  --sunny: #FFD60A;
  --sunny-light: #FFF4C7;
  --sunny-text: #3D2E00;
  --sunny-muted: #EBDCA4;

  /* Neutrals */
  --black: #000000;
  --gray: #6E6E73;
  --mist: #F2F2F7;
  --white: #FFFFFF;

  /* Semantic */
  --success: #259200;
  --warning: #FF6B2C;
  --error: #E5383B;
  --info: #2F5BEA;

  /* Accents (goals + charts) */
  --tangerine: #FF6B2C;   --tangerine-light: #FFE3D6;
  --bubblegum: #FFB3D1;   --bubblegum-light: #FFE8F1;  --bubblegum-text: #5A0F33;
  --cobalt: #2F5BEA;      --cobalt-light: #DDE5FD;
  --lilac: #B9A6FF;       --lilac-light: #EEE9FF;      --lilac-text: #26145E;

  /* Glass */
  --glass: rgba(255, 255, 255, 0.32);
  --glass-border: rgba(255, 255, 255, 0.65);
}
/* light surfaces: ink + line take their light values here (index.html's --ink is white for the dark tabs) */
body[data-tab="budget"], body[data-tab="goals"], body[data-tab="networth"], .coachOv, .gs-ov, .ask-tray {
  --ink: #1C1C1E;
  --line: #D1D1D6;
  --muted: #6E6E73;
  --card: #FFFFFF;
  --mint: #F2F2F7;
  --mint-2: #E9E9EE;
  --shadow: 0 1px 2px rgba(0,0,0,.04), 0 12px 30px rgba(22,88,0,.08);
}