/* Shared UI tokens, aligned with sas-db-analyzer and model-tools. */
:root {
  color-scheme: light;
  --ui-color-canvas: #eef1f4;
  --ui-color-surface: #ffffff;
  --ui-color-surface-muted: #f7f8fa;
  --ui-color-border: #e4e7eb;
  --ui-color-border-strong: #d0d5dc;
  --ui-color-text: #1c2430;
  --ui-color-text-secondary: #5c6774;
  --ui-color-text-tertiary: #8b949e;
  --ui-color-primary: #1a5278;
  --ui-color-primary-hover: #154564;
  --ui-color-primary-muted: #eaf1f6;
  --ui-color-on-primary: #ffffff;
  --ui-color-success: #2d6a4f;
  --ui-color-success-muted: #e8f3ed;
  --ui-color-warning: #8c6420;
  --ui-color-warning-muted: #f6f0e4;
  --ui-color-danger: #a8482a;
  --ui-color-danger-muted: #f8ebe6;
  --ui-space-2: .125rem;
  --ui-space-4: .25rem;
  --ui-space-6: .375rem;
  --ui-space-8: .5rem;
  --ui-space-12: .75rem;
  --ui-space-16: 1rem;
  --ui-space-20: 1.25rem;
  --ui-space-24: 1.5rem;
  --ui-space-32: 2rem;
  --ui-space-40: 2.5rem;
  --ui-space-48: 3rem;
  --ui-radius-control: .375rem;
  --ui-radius-panel: .5rem;
  --ui-radius-pill: 999px;
  --ui-font-sans: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ui-font-mono: "IBM Plex Mono", "Cascadia Code", Consolas, ui-monospace, monospace;
  --ui-font-size-xs: .6875rem;
  --ui-font-size-sm: .8125rem;
  --ui-font-size-md: .875rem;
  --ui-font-size-lg: 1rem;
  --ui-font-size-xl: 1.125rem;
  --ui-font-size-display: 1.375rem;
  --ui-size-control: 2rem;
  --ui-size-header: 3.5rem;
}