/* ElevenLabs design tokens */
:root {
  --color-primary: #292524;
  --color-primary-active: #0c0a09;
  --color-ink: #0c0a09;
  --color-body: #4e4e4e;
  --color-body-strong: #292524;
  --color-muted: #777169;
  --color-muted-soft: #a8a29e;
  --color-hairline: #e7e5e4;
  --color-hairline-soft: #f0efed;
  --color-hairline-strong: #d6d3d1;
  --color-canvas: #f5f5f5;
  --color-canvas-soft: #fafafa;
  --color-canvas-deep: #0c0a09;
  --color-surface-card: #ffffff;
  --color-surface-strong: #f0efed;
  --color-surface-dark: #0c0a09;
  --color-surface-dark-elevated: #1c1917;
  --color-on-primary: #ffffff;
  --color-on-dark: #ffffff;
  --color-on-dark-soft: #a8a29e;
  --color-gradient-mint: #a7e5d3;
  --color-gradient-peach: #f4c5a8;
  --color-gradient-lavender: #c8b8e0;
  --color-gradient-sky: #a8c8e8;
  --color-gradient-rose: #e8b8c4;
  --color-semantic-error: #dc2626;
  --color-semantic-success: #16a34a;
  --font-primary: 'Waldenburg', 'Times New Roman', serif;
  --font-family-2: 'Waldenburg', serif;
  --font-family-3: 'Inter', sans-serif;
  --text-display-mega: 64px;
  --leading-display-mega: 1.05;
  --tracking-display-mega: -1.92px;
  --text-display-xl: 48px;
  --leading-display-xl: 1.08;
  --tracking-display-xl: -0.96px;
  --text-display-lg: 36px;
  --leading-display-lg: 1.17;
  --tracking-display-lg: -0.36px;
  --text-display-md: 32px;
  --leading-display-md: 1.13;
  --tracking-display-md: -0.32px;
  --text-display-sm: 24px;
  --leading-display-sm: 1.2;
  --tracking-display-sm: 0;
  --text-title-md: 20px;
  --leading-title-md: 1.35;
  --tracking-title-md: 0;
  --text-title-sm: 18px;
  --leading-title-sm: 1.44;
  --tracking-title-sm: 0.18px;
  --text-body-md: 16px;
  --leading-body-md: 1.5;
  --tracking-body-md: 0.16px;
  --text-body-strong: 16px;
  --leading-body-strong: 1.5;
  --tracking-body-strong: 0.16px;
  --text-body-sm: 15px;
  --leading-body-sm: 1.47;
  --tracking-body-sm: 0.15px;
  --text-caption: 14px;
  --leading-caption: 1.5;
  --tracking-caption: 0;
  --text-caption-uppercase: 12px;
  --leading-caption-uppercase: 1.4;
  --tracking-caption-uppercase: 0.96px;
  --text-button: 15px;
  --leading-button: 1;
  --tracking-button: 0;
  --text-nav-link: 15px;
  --leading-nav-link: 1.4;
  --tracking-nav-link: 0;
  --spacing-xxs: 4px;
  --spacing-xs: 8px;
  --spacing-sm: 12px;
  --spacing-base: 16px;
  --spacing-md: 20px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 48px;
  --spacing-section: 96px;
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-xxl: 24px;
  --radius-pill: 9999px;
  --radius-full: 9999px;
}