/* MongoDB design tokens */
:root {
  --color-primary: #00ed64;
  --color-primary-deep: #00b545;
  --color-primary-pressed: #008c34;
  --color-on-primary: #001e2b;
  --color-brand-green: #00ed64;
  --color-brand-green-dark: #00684a;
  --color-brand-green-mid: #00a35c;
  --color-brand-green-soft: #c3f0d2;
  --color-brand-teal-deep: #001e2b;
  --color-brand-teal: #003d4f;
  --color-brand-teal-mid: #00684a;
  --color-accent-purple: #7b3ff2;
  --color-accent-orange: #fa6e39;
  --color-accent-pink: #f06bb8;
  --color-accent-blue: #3d4f9f;
  --color-semantic-warning-bg: #fff8e0;
  --color-semantic-warning-text: #946f3f;
  --color-canvas: #ffffff;
  --color-canvas-dark: #001e2b;
  --color-surface: #f9fbfa;
  --color-surface-soft: #f4f7f6;
  --color-surface-feature: #e3fcef;
  --color-hairline: #e1e5e8;
  --color-hairline-soft: #eceff1;
  --color-hairline-strong: #c1ccd6;
  --color-hairline-dark: #1c2d38;
  --color-ink: #001e2b;
  --color-charcoal: #1c2d38;
  --color-slate: #3d4f5b;
  --color-steel: #5c6c7a;
  --color-stone: #7c8c9a;
  --color-muted: #a8b3bc;
  --color-on-dark: #ffffff;
  --color-on-dark-muted: #a8b3bc;
  --font-primary: 'Euclid Circular A', system-ui, sans-serif;
  --font-family-2: 'Source Code Pro', system-ui, sans-serif;
  --text-hero-display: 72px;
  --leading-hero-display: 1.1;
  --tracking-hero-display: -1.5px;
  --text-display-lg: 56px;
  --leading-display-lg: 1.15;
  --tracking-display-lg: -1px;
  --text-heading-1: 48px;
  --leading-heading-1: 1.2;
  --tracking-heading-1: -0.5px;
  --text-heading-2: 36px;
  --leading-heading-2: 1.25;
  --tracking-heading-2: -0.5px;
  --text-heading-3: 28px;
  --leading-heading-3: 1.3;
  --text-heading-4: 22px;
  --leading-heading-4: 1.35;
  --text-heading-5: 18px;
  --leading-heading-5: 1.4;
  --text-subtitle: 18px;
  --leading-subtitle: 1.5;
  --text-body-md: 16px;
  --leading-body-md: 1.55;
  --text-body-md-medium: 16px;
  --leading-body-md-medium: 1.55;
  --text-body-sm: 14px;
  --leading-body-sm: 1.5;
  --text-body-sm-medium: 14px;
  --leading-body-sm-medium: 1.5;
  --text-caption: 13px;
  --leading-caption: 1.4;
  --text-caption-bold: 13px;
  --leading-caption-bold: 1.4;
  --text-micro: 12px;
  --leading-micro: 1.4;
  --text-micro-uppercase: 11px;
  --leading-micro-uppercase: 1.4;
  --tracking-micro-uppercase: 1px;
  --text-button-md: 14px;
  --leading-button-md: 1.3;
  --text-code-md: 14px;
  --leading-code-md: 1.55;
  --spacing-xxs: 4px;
  --spacing-xs: 8px;
  --spacing-sm: 12px;
  --spacing-md: 16px;
  --spacing-lg: 20px;
  --spacing-xl: 24px;
  --spacing-xxl: 32px;
  --spacing-xxxl: 40px;
  --spacing-section-sm: 48px;
  --spacing-section: 64px;
  --spacing-section-lg: 96px;
  --spacing-hero: 120px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-xxl: 24px;
  --radius-full: 9999px;
}