:root {
  /* Colors */
  --color-lab-white: #ffffff;
  --color-figure-black: #0c0c0c;
  --color-absolute-black: #000000;
  --color-machine-gray: #6d6d6d;
  --color-calibration-gray: #cecece;

  /* Typography — Font Families */
  --font-pp-neue-machina-plain: 'pp-neue-machina-plain', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-neue-haas-grot-text: 'neue-haas-grot-text', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* Typography — Scale */
  --text-nav: 14px;
  --leading-nav: 1;
  --tracking-nav: 0.28px;
  --text-button-label: 14px;
  --leading-button-label: 1.2;
  --tracking-button-label: 0px;
  --text-body: 16px;
  --leading-body: 1.5;
  --tracking-body: -0.16px;
  --text-body-large: 17px;
  --leading-body-large: 1.6;
  --tracking-body-large: -0.17px;
  --text-editorial-heading: 22px;
  --leading-editorial-heading: 1.1;
  --tracking-editorial-heading: -0.22px;
  --text-media-heading: 28px;
  --leading-media-heading: 1.11;
  --tracking-media-heading: 0px;
  --text-technical-stat: 52px;
  --leading-technical-stat: 1.11;
  --tracking-technical-stat: 0px;
  --text-display: 122px;
  --leading-display: 1;
  --tracking-display: -1.22px;

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

  /* Spacing */
  --spacing-unit: 4px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-16: 16px;
  --spacing-20: 20px;
  --spacing-24: 24px;
  --spacing-28: 28px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-56: 56px;
  --spacing-60: 60px;
  --spacing-80: 80px;
  --spacing-96: 96px;

  /* Layout */
  --section-gap: 40px;
  --card-padding: 32px;
  --element-gap: 20px;

  /* Border Radius */
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-3xl: 24px;
  --radius-3xl-2: 29px;
  --radius-full: 9999px;

  /* Named Radii */
  --radius-links: 8px;
  --radius-pills: 9999px;
  --radius-images: 0px;
  --radius-inputs: 0px;
  --radius-buttons: 24px;
  --radius-content-panels: 12px;
  --radius-utility-controls: 29px;

  /* Surfaces */
  --surface-lab-white-canvas: #ffffff;
  --surface-figure-black-surface: #0c0c0c;
  --surface-absolute-black-media-field: #000000;
}