:root {
  --bbm-primary-900: #0a1628;
  --bbm-primary-800: #132440;
  --bbm-primary-700: #1a3458;
  --bbm-primary-600: #2b4a7c;
  --bbm-primary-500: #3d5fa0;
  --bbm-primary-400: #5a7fbd;
  --bbm-primary-300: #8aa3d1;
  --bbm-primary-200: #b8c9e6;
  --bbm-primary-100: #e5ebf5;
  --bbm-primary-50: #f5f7fb;

  --bbm-neutral-900: #0d0d0d;
  --bbm-neutral-800: #1a1a1a;
  --bbm-neutral-700: #333333;
  --bbm-neutral-600: #4d4d4d;
  --bbm-neutral-500: #737373;
  --bbm-neutral-400: #999999;
  --bbm-neutral-300: #cccccc;
  --bbm-neutral-200: #e6e6e6;
  --bbm-neutral-100: #f5f5f5;
  --bbm-neutral-50: #fafafa;
  --bbm-neutral-white: #ffffff;

  --bbm-gain-900: #0a3d1f;
  --bbm-gain-700: #166534;
  --bbm-gain-500: #22c55e;
  --bbm-gain-300: #86efac;
  --bbm-gain-100: #dcfce7;

  --bbm-loss-900: #450a0a;
  --bbm-loss-700: #991b1b;
  --bbm-loss-500: #ef4444;
  --bbm-loss-300: #fca5a5;
  --bbm-loss-100: #fee2e2;

  --bbm-chart-1: #3d5fa0;
  --bbm-chart-2: #22c55e;
  --bbm-chart-3: #f59e0b;
  --bbm-chart-4: #14b8a6;
  --bbm-chart-5: #06b6d4;

  --font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", "Monaco", "Consolas", monospace;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;
  --text-5xl: 3rem;

  --font-normal: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;

  --leading-tight: 1.25;
  --leading-snug: 1.375;
  --leading-normal: 1.5;
  --leading-relaxed: 1.625;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  --border-thin: 1px;
  --border-default: 2px;
  --border-thick: 4px;

  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-full: 9999px;

  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 8px -2px rgba(10, 22, 40, 0.12);
  --shadow-lg: 0 14px 28px -14px rgba(10, 22, 40, 0.3);
  --shadow-xl: 0 24px 44px -24px rgba(10, 22, 40, 0.35);

  --duration-fast: 150ms;
  --duration-base: 200ms;
  --duration-slow: 300ms;
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);

  --container: 1200px;
  --container-wide: 1536px;
}