:root {
  --font-sans: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
  --motion-standard: 180ms ease;
  --motion-emphasized: 260ms cubic-bezier(0.2, 0.8, 0.2, 1);
  --surface-strong: color-mix(in srgb, var(--surface-primary) 84%, var(--surface-secondary));
  --border-soft: color-mix(in srgb, var(--border-color) 88%, transparent);
  --chart-grid: color-mix(in srgb, var(--text-muted) 18%, transparent);
}

[data-theme="dark"] {
  --surface-strong: color-mix(in srgb, var(--surface-primary) 90%, var(--surface-secondary));
  --border-soft: color-mix(in srgb, var(--border-color) 94%, transparent);
  --chart-grid: color-mix(in srgb, var(--text-muted) 26%, transparent);
}