/* v96 UI foundation. Existing user theme values remain authoritative. */
:root {
  --ui-space-1: 4px;
  --ui-space-2: 8px;
  --ui-space-3: 12px;
  --ui-space-4: 16px;
  --ui-space-5: 24px;
  --ui-space-6: 32px;
  --ui-space-7: 48px;
  --ui-text-xs: 12px;
  --ui-text-sm: 14px;
  --ui-text-md: 16px;
  --ui-text-lg: 20px;
  --ui-text-xl: 28px;
  --ui-radius-sm: 8px;
  --ui-radius-md: 12px;
  --ui-radius-lg: 16px;
  --ui-duration: 180ms;
  --ui-ease: cubic-bezier(0.2, 0, 0, 1);
  --ui-accent: #6635a7;
  --ui-income: #17663f;
  --ui-expense: #b42336;
  --ui-warning: #865700;
  --ui-surface: #fff;
  --ui-background: #f7f5fa;
  --ui-text: #2a2333;
  --ui-muted: #62596e;
  --ui-border: #ded7e7;
  --ui-shadow: 0 8px 28px #24153314;
  --ui-chart-1: #6f43aa;
  --ui-chart-2: #956bbe;
  --ui-chart-3: #b096ca;
  --ui-chart-4: #76697f;
}
body.dark {
  --ui-accent: #c8a7f5;
  --ui-income: #91dbb2;
  --ui-expense: #ffa5b3;
  --ui-warning: #f2ca79;
  --ui-surface: #241d2e;
  --ui-background: #18131f;
  --ui-text: #f3edf8;
  --ui-muted: #c1b5cf;
  --ui-border: #51435f;
  --ui-shadow: 0 8px 28px #0003;
  --ui-chart-1: #bb94ec;
  --ui-chart-2: #9c7cbe;
  --ui-chart-3: #d5c2ea;
  --ui-chart-4: #8c7f9a;
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --ui-duration: 0ms;
  }
}