/* Spacex-Inspired Tailwind CSS v4 theme */
@theme {
  --color-primary: #000000;
  --color-ink: #000000;
  --color-on-primary: #ffffff;
  --color-on-primary-mute: #f0f0fa;
  --color-canvas-night: #000000;
  --color-canvas-night-soft: #0a0a0a;
  --color-canvas-light: #ffffff;
  --color-canvas-cool: #f0f0fa;
  --color-hairline-on-dark: #3a3a3f;
  --color-hairline-on-light: #e0e0e8;
  --color-link-on-dark: #ffffff;
  --color-link-blue-fallback: #0000ee;
  --color-ink-mute: #5a5a5f;
  --font-primary: D-DIN-Bold, Arial Narrow, Arial, Verdana, sans-serif;
  --font-family-2: D-DIN, Arial, Verdana, sans-serif;
  --text-display-xxl: 80px;
  --leading-display-xxl: 0.95;
  --tracking-display-xxl: 1.6px;
  --text-display-xl: 60px;
  --leading-display-xl: 1.2;
  --tracking-display-xl: 1.2px;
  --text-display-lg: 48px;
  --leading-display-lg: 1.25;
  --tracking-display-lg: 0.96px;
  --text-body-lg: 16px;
  --leading-body-lg: 1.7;
  --tracking-body-lg: 0.32px;
  --text-body-md: 16px;
  --leading-body-md: 1.5;
  --tracking-body-md: 0.32px;
  --text-button-cap: 13.008px;
  --leading-button-cap: 0.94;
  --tracking-button-cap: 1.17px;
  --text-micro-cap: 12px;
  --leading-micro-cap: 2;
  --tracking-micro-cap: 0.96px;
  --text-caption: 13.008px;
  --leading-caption: 1.5;
  --tracking-caption: 0;
  --spacing-xxs: 4px;
  --spacing-xs: 8px;
  --spacing-sm: 12px;
  --spacing-md: 16px;
  --spacing-lg: 18px;
  --spacing-xl: 24px;
  --spacing-xxl: 32px;
  --spacing-huge: 48px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-pill: 32px;
  --radius-full: 9999px;
}