@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap');

:root {
  --fb-background: #f4f5f9;
  --fb-surface: #ffffff;
  --fb-surface-alt: #e7e7ec;
  --fb-foreground: #0f0f12;
  --fb-foreground-muted: #5c5d63;
  --fb-primary: #4948c3;
  --fb-primary-foreground: #ffffff;
  --fb-secondary: #fbd5ff;
  --fb-secondary-foreground: #30004d;
  --fb-accent: #007de6;
  --fb-accent-foreground: #ffffff;
  --fb-border: #d3d4d8;
  --fb-border-muted: #e7e7ec;
  --fb-error: #dc2626;
  --fb-warning: #d97706;
  --fb-success: #16a34a;
  --fb-info: #2563eb;
  --fb-primary-50: #e3f0ff;
  --fb-primary-100: #d5e1ff;
  --fb-primary-200: #bfccff;
  --fb-primary-300: #a0adff;
  --fb-primary-400: #808aff;
  --fb-primary-500: #6266eb;
  --fb-primary-600: #4948c3;
  --fb-primary-700: #35319a;
  --fb-primary-800: #241d77;
  --fb-primary-900: #170b59;
  --fb-primary-950: #0b003e;
  --fb-secondary-50: #ffe4ff;
  --fb-secondary-100: #fbd5ff;
  --fb-secondary-200: #eabeff;
  --fb-secondary-300: #d09dff;
  --fb-secondary-400: #b477ea;
  --fb-secondary-500: #9950d3;
  --fb-secondary-600: #7a33ad;
  --fb-secondary-700: #5d1f87;
  --fb-secondary-800: #440b67;
  --fb-secondary-900: #30004d;
  --fb-secondary-950: #1c0033;
  --fb-accent-50: #befcff;
  --fb-accent-100: #abefff;
  --fb-accent-200: #8edcff;
  --fb-accent-300: #60bfff;
  --fb-accent-400: #1a9efb;
  --fb-accent-500: #007de6;
  --fb-accent-600: #005ebf;
  --fb-accent-700: #004496;
  --fb-accent-800: #002e74;
  --fb-accent-900: #001c57;
  --fb-accent-950: #00093c;
  --fb-neutral-50: #f4f5f9;
  --fb-neutral-100: #e7e7ec;
  --fb-neutral-200: #d3d4d8;
  --fb-neutral-300: #b6b7bc;
  --fb-neutral-400: #97989e;
  --fb-neutral-500: #797a80;
  --fb-neutral-600: #5c5d63;
  --fb-neutral-700: #44454a;
  --fb-neutral-800: #2f3034;
  --fb-neutral-900: #1e1f22;
  --fb-neutral-950: #0f0f12;
  --fb-font-heading: 'Inter', system-ui, sans-serif;
  --fb-font-body: 'Inter', system-ui, sans-serif;
  --fb-h1-size: 3.051875rem;
  --fb-h1-leading: 1.2;
  --fb-h1-tracking: -0.02em;
  --fb-h1-weight: 700;
  --fb-h2-size: 2.44125rem;
  --fb-h2-leading: 1.2;
  --fb-h2-tracking: -0.02em;
  --fb-h2-weight: 700;
  --fb-h3-size: 1.953125rem;
  --fb-h3-leading: 1.2;
  --fb-h3-tracking: -0.02em;
  --fb-h3-weight: 600;
  --fb-h4-size: 1.5625rem;
  --fb-h4-leading: 1.3;
  --fb-h4-tracking: -0.01em;
  --fb-h4-weight: 600;
  --fb-h5-size: 1.25rem;
  --fb-h5-leading: 1.5;
  --fb-h5-tracking: 0em;
  --fb-h5-weight: 500;
  --fb-h6-size: 1rem;
  --fb-h6-leading: 1.5;
  --fb-h6-tracking: 0em;
  --fb-h6-weight: 500;
  --fb-body-size: 1rem;
  --fb-body-leading: 1.5;
  --fb-body-tracking: 0em;
  --fb-body-weight: 400;
  --fb-small-size: 0.8rem;
  --fb-small-leading: 1.5;
  --fb-small-tracking: 0em;
  --fb-small-weight: 400;
  --fb-caption-size: 0.64rem;
  --fb-caption-leading: 1.5;
  --fb-caption-tracking: 0em;
  --fb-caption-weight: 400;
}

.dark {
  --fb-background: #0f0f12;
  --fb-surface: #1e1f22;
  --fb-surface-alt: #2f3034;
  --fb-foreground: #f4f5f9;
  --fb-foreground-muted: #97989e;
  --fb-primary: #808aff;
  --fb-primary-foreground: #0f0f12;
  --fb-secondary: #440b67;
  --fb-secondary-foreground: #fbd5ff;
  --fb-accent: #1a9efb;
  --fb-accent-foreground: #0f0f12;
  --fb-border: #2f3034;
  --fb-border-muted: #1e1f22;
  --fb-error: #ef4444;
  --fb-warning: #f59e0b;
  --fb-success: #22c55e;
  --fb-info: #3b82f6;
}