/* AscendTaxes design tokens — presentation only.
   Canonical color, type, space, radius, elevation.
   Alias existing product variables so Command Center / Classic / marketing
   can migrate without renaming every rule. */
:root{
  --ascend-blue:#0B5DAE;
  --ascend-interactive:#1574D1;
  --ascend-soft:#E7F0FB;
  --ascend-navy:#06203F;
  --ascend-deep:#0A2C52;
  --ascend-paper:#F3F7FC;
  --ascend-muted:#566379;
  --ascend-ok:#1F9D63;
  --ascend-error:#E5484D;
  --ascend-amber:#C8A24B;
  --ascend-mkt-bg:#050B16;
  --ascend-mkt-surface:#0B1426;
  --ascend-txt:#EAF0FA;
  --ascend-txt-2:#b3bfd6;
  --ascend-txt-3:#8592ac;

  --ff-display:'Space Grotesk',system-ui,sans-serif;
  --ff-ui:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --ff-ref:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;

  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-5:20px; --space-6:24px; --space-8:32px; --space-10:40px;
  --space-12:48px; --space-16:64px;

  --r-sm:8px; --r:12px; --r-md:16px; --r-lg:20px; --r-pill:999px;

  --e-1:0 1px 2px rgba(6,32,63,.06);
  --e-2:0 8px 24px rgba(6,32,63,.10);
  --e-3:0 16px 40px rgba(6,32,63,.16);

  --ease-out:cubic-bezier(.2,.7,.2,1);
  --dur:160ms;

  /* Bridge aliases used by existing CSS */
  --blue:var(--ascend-blue);
  --blue-bright:var(--ascend-interactive);
  --blue-txt:var(--ascend-blue);
  --blue-soft:var(--ascend-soft);
  --navy:var(--ascend-navy);
  --navy-2:var(--ascend-deep);
  --paper:var(--ascend-paper);
  --muted:var(--ascend-muted);
  --ok:var(--ascend-ok);
  --err:var(--ascend-error);
  --amber:var(--ascend-amber);
}

.disp,.page-h .t,.ac-name{
  font-family:var(--ff-display);
  font-weight:600;
  letter-spacing:-.04em;
}
.money,.tile .val,.rv,.yr-amt,.lx-hero .big-num,.big-num,.mono{
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1;
}
.ref{font-family:var(--ff-ref);font-size:.92em;letter-spacing:.01em}
.money,.tile .val,.rv,.yr-amt,.lx-hero .big-num,.big-num,.mono{
  font-family:var(--ff-ui);
  font-weight:600;
}

@media (prefers-reduced-motion:reduce){
  :root{--dur:0.01ms}
}
