:root {
  /* === COLORS === */
  --color-cream: #fcf9f1;
  --color-dark-maroon: #2a0303;
  --color-maroon: #461111;
  --color-black: #0f0f0f;
  --color-overlay-hero: rgba(14, 14, 14, 0.58);
  --color-overlay-services: rgba(0, 0, 0, 0.6);

  /* === FONTS === */
  --font-serif: 'Instrument Serif', serif;
  --font-sans: 'Arial', sans-serif;
  --font-script: 'Luxurious Script', cursive;
  --font-geist: 'Geist', sans-serif;

  /* === FONT SIZES === */
  --text-base: 18px;
  --text-base-alt: 18.052px;
  --text-xs-alt: 12.8px;
  --text-md: 20px;
  --text-lg: 25px;
  --text-md-alt: 20.232px;
  --text-xl: 26.013px;
  --text-3xl: 43.828px;
  --text-4xl: 73.823px;
  --text-5xl: 80px;
  --text-6xl: 86px;
  --text-7xl: 99.609px;
  --text-8xl: 116.97px;
  --text-9xl: 132.364px;

  /* === LINE HEIGHTS === */
  --leading-base: 18.6px;
  --leading-body: 26px;
  --leading-3xl: 34.405px;
  --leading-4xl: 75.279px;
  --leading-snug: 16px;
  --leading-5xl: 62.8px;
  --leading-6xl: 68.8px;
  --leading-relaxed: 19.2px;
  --leading-xl: 23.123px;
  --leading-2xl: 30.348px;
  --leading-7xl: 78.193px;
  --leading-nav: 19.557px;
  --leading-md-alt: 21.7px;
  --leading-9xl: 103.172px;
  --leading-10xl: 119.276px;

  /* === LETTER SPACING === */
  --tracking-tightest: -9.2655px;
  --tracking-tighter: -2.58px;
  --tracking-tight: -0.256px;
  --tracking-wide: 0.2274px;
  --tracking-widest: 1.6px;
  --tracking-wider: 0.3604px;

  /* === KEY DIMENSIONS === */
  --page-width: 1920px;
  --header-height: 102px;

  /* === BUTTON SIZES === */
  --btn-hero-w: 368px;
  --btn-hero-h: 57px;
  --btn-about-w: 371px;
  --btn-about-h: 67px;
}