:root {
  /* Gaps and spaces that don't scale */
  --gap-2: 0.2rem;
  --gap-4: 0.4rem;
  --gap-8: 0.8rem;
  --gap-16: 1.6rem;
  --gap-24: 2.4rem;
  --gap-32: 3.2rem;
  --gap-48: 4.8rem;
  --gap-64: 6.4rem;
  --gap-96: 9.6rem;
  --gap-128: 12.8rem;
  --content-max-inset: 128rem;

  /* Slightly scaling gaps and spaces */
  --min-flex-gap-2: var(--gap-2);
  --min-flex-gap-4: clamp(var(--gap-2), 0.137rem + 0.1969vw, var(--gap-4));
  --min-flex-gap-8: clamp(var(--gap-4), 0.274rem + 0.3937vw, var(--gap-8));
  --min-flex-gap-16: clamp(var(--gap-8), 0.548rem + 0.7874vw, var(--gap-16));
  --min-flex-gap-24: clamp(var(--gap-16), 1.348rem + 0.7874vw, var(--gap-24));
  --min-flex-gap-32: clamp(var(--gap-24), 2.148rem + 0.7874vw, var(--gap-32));
  --min-flex-gap-48: clamp(var(--gap-32), 2.6961rem + 1.5748vw, var(--gap-48));
  --min-flex-gap-64: clamp(var(--gap-48), 4.2961rem + 1.5748vw, var(--gap-64));
  --min-flex-gap-96: clamp(var(--gap-64), 5.3921rem + 3.1496vw, var(--gap-96));
  --min-flex-gap-128: clamp(
    var(--gap-96),
    8.5921rem + 3.1496vw,
    var(--gap-128)
  );

  /* Widely scaling gaps and spaces */
  --flex-gap-2: var(--gap-2);
  --flex-gap-4: var(--gap-4);
  --flex-gap-8: clamp(var(--gap-4), 0.2857rem + 0.3571vw, var(--gap-8));
  --flex-gap-16: clamp(var(--gap-4), 0.0571rem + 1.0714vw, var(--gap-16));
  --flex-gap-24: clamp(var(--gap-8), 0.3429rem + 1.4286vw, var(--gap-24));
  --flex-gap-32: clamp(var(--gap-8), 0.1143rem + 2.1429vw, var(--gap-32));
  --flex-gap-48: clamp(var(--gap-16), 0.6857rem + 2.8571vw, var(--gap-48));
  --flex-gap-64: clamp(var(--gap-24), 1.2571rem + 3.5714vw, var(--gap-64));
  --flex-gap-96: clamp(var(--gap-32), 1.3714rem + 5.7143vw, var(--gap-96));
  --flex-gap-128: clamp(var(--gap-64), 4.5714rem + 5.7143vw, var(--gap-128));

  /* Colors */
  --color-link: #253a7e;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-black-disabled: rgba(0, 0, 0, 0.3);
  --color-gray-safe: rgba(0, 0, 0, 0.65);

  /* Fonts */
  --fontFamily: "Roboto", var(--fontFallback);
  --fontFamilyVar: "Roboto Flex", var(--fontFallback);
  --fontFallback: "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial",
    -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji";

  --text-height-normal: 1.3;
  --text-height-flush: 1;
  --text-height-tall: 1.6;

  --text-weight-100: 100;
  --text-weight-200: 200;
  --text-weight-300: 300;
  --text-weight-400: 400;
  --text-weight-500: 500;
  --text-weight-600: 600;
  --text-weight-700: 700;
  --text-weight-800: 800;
  --text-weight-900: 900;

  /* Scaling sizes */
  --text-var-64: clamp(3.4rem, 2.8rem + 1.875vw, 6.4rem);
  --text-var-52: clamp(3.2rem, 2.8rem + 1.25vw, 5.2rem);
  --text-var-50: clamp(4rem, 3.8rem + 0.625vw, 5rem);
  --text-var-42: clamp(3.8rem, 3.72rem + 0.25vw, 4.2rem);
  --text-var-38: clamp(2.8rem, 2.6rem + 0.625vw, 3.8rem);
  --text-var-32: clamp(2.4rem, 2.24rem + 0.5vw, 3.2rem);
  --text-var-26: clamp(1.9rem, 1.76rem + 0.4375vw, 2.6rem);
  --text-var-24: clamp(1.5rem, 1.32rem + 0.5625vw, 2.4rem);
  --text-var-22: clamp(1.8rem, 1.72rem + 0.25vw, 2.2rem);
  --text-var-16: clamp(1.4rem, 1.36rem + 0.125vw, 1.6rem);

  /* Named sizes */
  --text-head-1: var(--text-var-50);
  --text-head-2: var(--text-var-42);
  --text-head-3: var(--text-var-38);
  --text-head-4: var(--text-var-32);
  --text-hero-title: var(--text-var-52);
  --text-hero-tagline: var(--text-var-26);
  --text-button-large: var(--text-var-26);
  --text-slider-item: var(--text-var-16);
  --text-card-title: 2.6rem;
  --text-card-role: 2rem;
  --text-card-info: 1.7rem;
  --text-card-bio: var(--text-var-16);
  --text-small: 1.4rem;
  --text-smallest: 1.2rem;
  --text-card-tagline: 1.4rem;
  --text-body: var(--text-var-22);
  --text-field-label: 1.6rem;
  --text-field: 2rem;
  --text-display: var(--text-var-52);
  --text-quote: var(--text-var-24);
  --text-quote-person: var(--text-var-24);

  /* Effects */
  --shadow-product-image-box-shadow: 0.8rem 0.8rem 3.2rem 0rem
    rgba(0, 0, 0, 0.24);
  --shadow-gallery-previews-box-shadow: 1.6rem 1.6rem 4.8rem 0rem
    rgba(0, 0, 0, 0.16);
}