/* Northwind design tokens. Generated by House Style. */
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700;800&family=Geist+Mono:wght@400;500&display=swap');

:root {
  color-scheme: light;
  --color-background: #ffffff;
  --color-surface: #ffffff;
  --color-surface-muted: #eff4fc;
  --color-border: #e0e5ed;
  --color-border-strong: #cfd4dc;
  --color-text: #080b10;
  --color-text-muted: #50545b;
  --color-text-subtle: #6f747a;
  --color-accent: #196bd8;
  --color-accent-hover: #0953b1;
  --color-on-accent: #ffffff;
  --color-accent-soft: #e4effe;
  --color-accent-soft-text: #033e89;
  --color-accent-text: #0953b1;
  --color-success: #15803d;
  --color-warning: #b45309;
  --color-danger: #b91c1c;
  --accent-50: #f4f8ff;
  --accent-100: #e4effe;
  --accent-200: #c9defd;
  --accent-300: #a4c8fc;
  --accent-400: #71a9fb;
  --accent-500: #3587fb;
  --accent-600: #196bd8;
  --accent-700: #0953b1;
  --accent-800: #033e89;
  --accent-900: #032b62;
  --accent-950: #01173b;
  --neutral-50: #f7faff;
  --neutral-100: #eff4fc;
  --neutral-200: #e0e5ed;
  --neutral-300: #cfd4dc;
  --neutral-400: #9ca1a9;
  --neutral-500: #6f747a;
  --neutral-600: #50545b;
  --neutral-700: #3b3f45;
  --neutral-800: #23272c;
  --neutral-900: #14171d;
  --neutral-950: #080b10;
  --font-heading: 'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body: 'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --text-display: 62px;
  --text-h1: 44px;
  --text-h2: 32px;
  --text-h3: 20px;
  --text-lead: 18px;
  --text-body: 15px;
  --text-small: 13px;
  --heading-weight: 600;
  --heading-tracking: -0.028em;
  --heading-leading: 1.06;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-button: 6px;
  --radius-pill: 999px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --size-control: 38px;
  --size-row: 44px;
  --size-section: 104px;
  --border-width: 1px;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --chart-1: #196bd8;
  --chart-2: #9ca1a9;
  --chart-3: #cfd4dc;
  --chart-4: #6f747a;
  --chart-5: #e0e5ed;
}