:root {
  /* Colors */
  --color-void-canvas: #030014;
  --color-midnight-surface: #060317;
  --color-deep-indigo: #10093a;
  --color-lilac-white: #f4f0ff;
  --color-pearl: #ffffff;
  --color-ash: #a8a6b7;
  --color-fog: #918ea0;
  --color-steel: #54525f;
  --color-mercury: #cdccd0;
  --color-dusk: #72707b;
  --color-lavender-accent: #9382ff;
  --color-iris: #5046e4;
  --color-cosmic-gradient: #ba9cff;
  --gradient-cosmic-gradient: linear-gradient(90.01deg, #e59cff 0.01%, #ba9cff 50.01%, #9cb2ff 100%);
  --color-aurora: #7d62ff;
  --gradient-aurora: linear-gradient(180deg, rgba(183,164,251,0) 0%, #b7a4fb 50%, #8562ff 100%, rgba(133,98,255,0) 100%);

  /* Typography — Font Families */
  --font-aeonikpro: 'AeonikPro', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-inter-v: 'Inter V', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* Typography — Scale */
  --text-caption: 12px;
  --leading-caption: 1.33;
  --text-body-sm: 14px;
  --leading-body-sm: 1.43;
  --text-body: 16px;
  --leading-body: 1.5;
  --text-body-lg: 18px;
  --leading-body-lg: 1.56;
  --text-subheading: 24px;
  --leading-subheading: 1.33;
  --text-heading-sm: 32px;
  --leading-heading-sm: 1.25;
  --tracking-heading-sm: -0.2px;
  --text-heading: 48px;
  --leading-heading: 1.17;
  --tracking-heading: -0.3px;
  --text-heading-lg: 56px;
  --leading-heading-lg: 1.14;
  --tracking-heading-lg: -0.4px;
  --text-display: 72px;
  --leading-display: 1.11;
  --tracking-display: -0.5px;

  /* Typography — Weights */
  --font-weight-regular: 400;
  --font-weight-medium: 500;

  /* Spacing */
  --spacing-unit: 4px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-20: 20px;
  --spacing-24: 24px;
  --spacing-28: 28px;
  --spacing-32: 32px;
  --spacing-36: 36px;
  --spacing-48: 48px;
  --spacing-52: 52px;
  --spacing-56: 56px;
  --spacing-64: 64px;
  --spacing-72: 72px;
  --spacing-108: 108px;
  --spacing-232: 232px;

  /* Layout */
  --page-max-width: 1200px;
  --section-gap: 96-120px;
  --card-padding: 24-32px;
  --element-gap: 8-16px;

  /* Border Radius */
  --radius-md: 5px;
  --radius-lg: 8px;
  --radius-2xl: 16px;
  --radius-3xl: 24px;
  --radius-3xl-2: 32px;
  --radius-full: 999px;

  /* Named Radii */
  --radius-cards: 16px;
  --radius-badges: 32px;
  --radius-inputs: 5px;
  --radius-buttons: 5px;
  --radius-navpill: 999px;
  --radius-featureblocks: 24px;

  /* Shadows */
  --shadow-lg: rgba(255, 255, 255, 0.04) 0px 0px 24px 0px inset;
  --shadow-lg-2: rgba(255, 255, 255, 0.06) 0px 0px 24px 0px inset;
  --shadow-md: rgba(164, 143, 255, 0.12) 0px -7px 11px 0px inset;

  /* Surfaces */
  --surface-void-canvas: #030014;
  --surface-midnight-surface: #060317;
  --surface-deep-indigo: #10093a;
  --surface-testimonial-card: #060317;
}