/* Northwind theme for Tailwind CSS v4. 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');

@theme {
  --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;
  --color-accent-50: #f4f8ff;
  --color-accent-100: #e4effe;
  --color-accent-200: #c9defd;
  --color-accent-300: #a4c8fc;
  --color-accent-400: #71a9fb;
  --color-accent-500: #3587fb;
  --color-accent-600: #196bd8;
  --color-accent-700: #0953b1;
  --color-accent-800: #033e89;
  --color-accent-900: #032b62;
  --color-accent-950: #01173b;
  --color-neutral-50: #f7faff;
  --color-neutral-100: #eff4fc;
  --color-neutral-200: #e0e5ed;
  --color-neutral-300: #cfd4dc;
  --color-neutral-400: #9ca1a9;
  --color-neutral-500: #6f747a;
  --color-neutral-600: #50545b;
  --color-neutral-700: #3b3f45;
  --color-neutral-800: #23272c;
  --color-neutral-900: #14171d;
  --color-neutral-950: #080b10;
  --color-chart-1: #196bd8;
  --color-chart-2: #9ca1a9;
  --color-chart-3: #cfd4dc;
  --color-chart-4: #6f747a;
  --color-chart-5: #e0e5ed;
  --font-heading: 'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-sans: 'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-button: 6px;
  --radius-pill: 999px;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --text-display: 62px;
  --text-h1: 44px;
  --text-h2: 32px;
  --text-h3: 20px;
  --text-lead: 18px;
  --text-body: 15px;
  --text-small: 13px;
  --spacing: 4px;
}