/* Caliper "Ink & Signal" palette for the mounted modules (Budget, Retire,
 * Charts). They style themselves with the shared SuperCala token NAMES from
 * /shared/css/supercala-app-tokens.css — which other SuperCala products also
 * load, so the Caliper values live here, not there. Each module links this
 * root-absolute file (served by the parent app, like the logo) AFTER the
 * shared tokens, and the same selectors win on cascade.
 *
 * Values mirror MyNetWorth/static/css/mnw-theme.css (the app's own tokens) —
 * keep the two in step. Every text/accent pairing is >= 4.5:1; in dark mode
 * the accent is a lighter orange that carries ink, not white, text.
 */

:root {
  --bg: #0b1220;
  --bg-elev: #131c2e;
  --bg-elev-2: #1a2438;
  --bg-elev-3: #26324a;
  --fg: #eef1f6;
  --fg-dim: #9aa5b8;
  --fg-faint: #6b768a;
  --border: #26324a;
  --accent: #fb7a3c;
  --accent-strong: #fd9a66;
  --accent-soft: rgba(251, 122, 60, 0.14);
  --accent-fg: #0b1220;
  --green: #12a594;
  --red: #ef4444;
  --danger: #ef4444;
  --topbar-bg: rgba(19, 28, 46, 0.82);
  --slider-track: #3a4660;
  --bg-fade: linear-gradient(
    to bottom,
    rgba(30, 58, 95, 0.35),
    rgba(19, 28, 46, 0.10) 400px,
    transparent 800px
  );
}

body[data-theme="light"] {
  --bg: #ffffff;
  --bg-elev: #f6f7f9;
  --bg-elev-2: #eef0f4;
  --bg-elev-3: #dde1e8;
  --fg: #0f1b2d;
  --fg-dim: #5b6575;
  --fg-faint: #8a93a3;
  --border: #e3e6ec;
  --slider-track: #c9ced8;
  --accent: #c2410c;
  --accent-strong: #9a3412;
  --accent-soft: rgba(194, 65, 12, 0.08);
  --accent-fg: #ffffff;
  --green: #047857;
  --red: #b91c1c;
  --danger: #b91c1c;
  --topbar-bg: rgba(255, 255, 255, 0.92);
  --bg-fade: linear-gradient(
    to bottom,
    rgba(15, 27, 45, 0.07),
    rgba(195, 195, 195, 0.12) 400px,
    transparent 800px
  );
}