:root {
  /* tokens.primitives */
  --s2a-color-gray-25: #fff;
  --s2a-color-gray-50: #f8f8f8;
  --s2a-color-gray-75: #f3f3f3;
  --s2a-color-gray-100: #e9e9e9;
  --s2a-color-gray-200: #e1e1e1;
  --s2a-color-gray-300: #dadada;
  --s2a-color-gray-400: #c6c6c6;
  --s2a-color-gray-500: #8f8f8f;
  --s2a-color-gray-600: #717171;
  --s2a-color-gray-700: #505050;
  --s2a-color-gray-800: #292929;
  --s2a-color-gray-900: #131313;
  --s2a-color-gray-1000: #000;
  --s2a-color-green-100: #edfcf1;
  --s2a-color-green-200: #d7f7e1;
  --s2a-color-green-300: #adeec5;
  --s2a-color-green-400: #6be3a2;
  --s2a-color-green-500: #2bd17d;
  --s2a-color-green-600: #12b867;
  --s2a-color-green-700: #0ba45d;
  --s2a-color-green-800: #079355;
  --s2a-color-green-900: #05834e;
  --s2a-color-green-1000: #036e45;
  --s2a-color-green-1100: #025d3c;
  --s2a-color-green-1200: #014c34;
  --s2a-color-green-1300: #003d2c;
  --s2a-color-green-1400: #002e22;
  --s2a-color-green-1500: #002119;
  --s2a-color-green-1600: #000f0c;
  --s2a-color-blue-100: #f5f9ff;
  --s2a-color-blue-200: #e5f0fe;
  --s2a-color-blue-300: #cbe2fe;
  --s2a-color-blue-400: #accffd;
  --s2a-color-blue-500: #8eb9fc;
  --s2a-color-blue-600: #729efd;
  --s2a-color-blue-700: #5d89ff;
  --s2a-color-blue-800: #4b75ff;
  --s2a-color-blue-900: #3b63fb;
  --s2a-color-blue-1000: #274dea;
  --s2a-color-blue-1100: #1d3ecf;
  --s2a-color-blue-1200: #1532ad;
  --s2a-color-blue-1300: #10288c;
  --s2a-color-blue-1400: #0c1f69;
  --s2a-color-blue-1500: #0e1843;
  --s2a-color-blue-1600: #070b1e;
  --s2a-color-red-100: #fff6f5;
  --s2a-color-red-200: #ffebe8;
  --s2a-color-red-300: #ffd6d1;
  --s2a-color-red-400: #ffbcb4;
  --s2a-color-red-500: #ff9d91;
  --s2a-color-red-600: #ff7665;
  --s2a-color-red-700: #ff513d;
  --s2a-color-red-800: #f03823;
  --s2a-color-red-900: #d73220;
  --s2a-color-red-1000: #b72818;
  --s2a-color-red-1100: #9c2113;
  --s2a-color-red-1200: #811b0e;
  --s2a-color-red-1300: #68150a;
  --s2a-color-red-1400: #501006;
  --s2a-color-red-1500: #3b0b04;
  --s2a-color-red-1600: #1d0502;
  --s2a-color-orange-100: #fff6e7;
  --s2a-color-orange-200: #ffeccf;
  --s2a-color-orange-300: #ffda9e;
  --s2a-color-orange-400: #ffc15e;
  --s2a-color-orange-500: #ffa213;
  --s2a-color-orange-600: #fc7d00;
  --s2a-color-orange-700: #e86a00;
  --s2a-color-orange-800: #d45b00;
  --s2a-color-orange-900: #c24e00;
  --s2a-color-orange-1000: #a73e00;
  --s2a-color-orange-1100: #903300;
  --s2a-color-orange-1200: #762900;
  --s2a-color-orange-1300: #5f2000;
  --s2a-color-orange-1400: #491800;
  --s2a-color-orange-1500: #341200;
  --s2a-color-orange-1600: #190800;
  --s2a-color-yellow-100: #fff8cc;
  --s2a-color-yellow-200: #fff197;
  --s2a-color-yellow-300: #ffde2c;
  --s2a-color-yellow-400: #f5c700;
  --s2a-color-yellow-500: #e6af00;
  --s2a-color-yellow-600: #d29500;
  --s2a-color-yellow-700: #c18300;
  --s2a-color-yellow-800: #af7400;
  --s2a-color-yellow-900: #9e6600;
  --s2a-color-yellow-1000: #865500;
  --s2a-color-yellow-1100: #724800;
  --s2a-color-yellow-1200: #5d3b00;
  --s2a-color-yellow-1300: #4b2f00;
  --s2a-color-yellow-1400: #382300;
  --s2a-color-yellow-1500: #281900;
  --s2a-color-yellow-1600: #120b00;
  --s2a-color-transparent-black-00: rgb(0 0 0 / 0);
  --s2a-color-transparent-black-04: rgb(0 0 0 / 4%);
  --s2a-color-transparent-black-08: rgb(0 0 0 / 8%);
  --s2a-color-transparent-black-12: rgb(0 0 0 / 12%);
  --s2a-color-transparent-black-16: rgb(0 0 0 / 16%);
  --s2a-color-transparent-black-24: rgb(0 0 0 / 24%);
  --s2a-color-transparent-black-32: rgb(0 0 0 / 32%);
  --s2a-color-transparent-black-48: rgb(0 0 0 / 48%);
  --s2a-color-transparent-black-64: rgb(0 0 0 / 64%);
  --s2a-color-transparent-black-72: rgb(0 0 0 / 72%);
  --s2a-color-transparent-black-80: rgb(0 0 0 / 80%);
  --s2a-color-transparent-black-88: rgb(0 0 0 / 88%);
  --s2a-color-transparent-black-96: rgb(0 0 0 / 96%);
  --s2a-color-transparent-white-00: rgb(255 255 255 / 0);
  --s2a-color-transparent-white-04: rgb(255 255 255 / 4%);
  --s2a-color-transparent-white-08: rgb(255 255 255 / 8%);
  --s2a-color-transparent-white-12: rgb(255 255 255 / 12%);
  --s2a-color-transparent-white-16: rgb(255 255 255 / 16%);
  --s2a-color-transparent-white-24: rgb(255 255 255 / 24%);
  --s2a-color-transparent-white-32: rgb(255 255 255 / 32%);
  --s2a-color-transparent-white-48: rgb(255 255 255 / 48%);
  --s2a-color-transparent-white-64: rgb(255 255 255 / 64%);
  --s2a-color-transparent-white-72: rgb(255 255 255 / 72%);
  --s2a-color-transparent-white-80: rgb(255 255 255 / 80%);
  --s2a-color-transparent-white-88: rgb(255 255 255 / 88%);
  --s2a-color-transparent-white-96: rgb(255 255 255 / 96%);
  --s2a-color-brand-adobe-red: #eb1000;
  --s2a-color-brand-cc-3dar: #99e83f;
  --s2a-color-brand-cc-il: #ff9a00;
  --s2a-color-brand-cc-ppafx: #99f;
  --s2a-color-brand-cc-ps: #3a18ff;
  --s2a-border-radius-0: 0;
  --s2a-border-radius-2: 2px;
  --s2a-border-radius-4: 4px;
  --s2a-border-radius-6: 6px;
  --s2a-border-radius-8: 8px;
  --s2a-border-radius-12: 12px;
  --s2a-border-radius-16: 16px;
  --s2a-border-radius-22: 22px;
  --s2a-border-radius-24: 24px;
  --s2a-border-radius-32: 32px;
  --s2a-border-radius-999: 999px;
  --s2a-border-width-0: 0;
  --s2a-border-width-1: 1px;
  --s2a-border-width-2: 2px;
  --s2a-border-width-4: 4px;
  --s2a-opacity-00: 0;
  --s2a-opacity-08: 8%;
  --s2a-opacity-16: 16%;
  --s2a-opacity-24: 24%;
  --s2a-opacity-32: 32%;
  --s2a-opacity-48: 48%;
  --s2a-opacity-64: 64%;
  --s2a-opacity-100: 100%;
  --s2a-shadow-level-1-x: 0;
  --s2a-shadow-level-1-y: 1px;
  --s2a-shadow-level-1-blur: 6px;
  --s2a-shadow-level-1-spread: 0;
  --s2a-shadow-level-1-color: var(--s2a-color-transparent-black-12);
  --s2a-shadow-level-2-x: 0;
  --s2a-shadow-level-2-y: 2px;
  --s2a-shadow-level-2-blur: 8px;
  --s2a-shadow-level-2-spread: 0;
  --s2a-shadow-level-2-color: var(--s2a-color-transparent-black-16);
  --s2a-shadow-level-3-x: 0;
  --s2a-shadow-level-3-y: 4px;
  --s2a-shadow-level-3-blur: 12px;
  --s2a-shadow-level-3-spread: 0;
  --s2a-shadow-level-3-color: var(--s2a-color-transparent-black-16);
  --s2a-shadow-level-4-x: 0;
  --s2a-shadow-level-4-y: 6px;
  --s2a-shadow-level-4-blur: 16px;
  --s2a-shadow-level-4-spread: 0;
  --s2a-shadow-level-4-color: var(--s2a-color-transparent-black-16);
  --s2a-spacing-0: 0;
  --s2a-spacing-2: 2px;
  --s2a-spacing-4: 4px;
  --s2a-spacing-8: 8px;
  --s2a-spacing-12: 12px;
  --s2a-spacing-16: 16px;
  --s2a-spacing-20: 20px;
  --s2a-spacing-24: 24px;
  --s2a-spacing-32: 32px;
  --s2a-spacing-40: 40px;
  --s2a-spacing-48: 48px;
  --s2a-spacing-64: 64px;
  --s2a-spacing-80: 80px;
  --s2a-spacing-96: 96px;
  --s2a-spacing-128: 128px;
  --s2a-spacing-160: 160px;
  --s2a-spacing-240: 240px;
  --s2a-font-family-adobe-clean: "Adobe Clean";
  --s2a-font-family-adobe-clean-display: "Adobe Clean Display";
  --s2a-font-letter-spacing-0: 0;
  --s2a-font-letter-spacing-neg-3_84: -3.84px;
  --s2a-font-letter-spacing-neg-3_2: -3.2px;
  --s2a-font-letter-spacing-neg-2_88: -2.88px;
  --s2a-font-letter-spacing-neg-1_68: -1.68px;
  --s2a-font-letter-spacing-neg-1_44: -1.44px;
  --s2a-font-letter-spacing-neg-1: -1px;
  --s2a-font-letter-spacing-neg-0_96: -0.96px;
  --s2a-font-letter-spacing-neg-0_48: -0.48px;
  --s2a-font-letter-spacing-neg-0_2: -0.2px;
  --s2a-font-letter-spacing-neg-0_16: -0.16px;
  --s2a-font-line-height-16: 16px;
  --s2a-font-line-height-18: 18px;
  --s2a-font-line-height-20: 20px;
  --s2a-font-line-height-21: 21px;
  --s2a-font-line-height-24: 24px;
  --s2a-font-line-height-32: 32px;
  --s2a-font-line-height-40: 40px;
  --s2a-font-line-height-48: 48px;
  --s2a-font-line-height-56: 56px;
  --s2a-font-line-height-69: 69px;
  --s2a-font-line-height-76: 76px;
  --s2a-font-line-height-92: 92px;
  --s2a-font-size-12: 0.75rem;
  --s2a-font-size-14: 0.875rem;
  --s2a-font-size-16: 1rem;
  --s2a-font-size-18: 1.125rem;
  --s2a-font-size-20: 1.25rem;
  --s2a-font-size-24: 1.5rem;
  --s2a-font-size-32: 2rem;
  --s2a-font-size-36: 2.25rem;
  --s2a-font-size-40: 2.5rem;
  --s2a-font-size-48: 3rem;
  --s2a-font-size-56: 3.5rem;
  --s2a-font-size-64: 4rem;
  --s2a-font-size-72: 4.5rem;
  --s2a-font-size-80: 5rem;
  --s2a-font-size-96: 6rem;
  --s2a-font-weight-adobe-clean-black: 900;
  --s2a-font-weight-adobe-clean-extrabold: 800;
  --s2a-font-weight-adobe-clean-bold: 700;
  --s2a-font-weight-adobe-clean-medium: 500;
  --s2a-font-weight-adobe-clean-regular: 400;
  --s2a-font-weight-adobe-clean-display-black: 900;
  --s2a-blur-8: 8px;
  --s2a-blur-16: 16px;
  --s2a-blur-24: 24px;
  --s2a-blur-32: 32px;
  --s2a-blur-64: 64px;
  --s2a-blur-128: 128px;

  /* tokens.semantic */
  --s2a-border-radius-none: var(--s2a-border-radius-0);
  --s2a-border-radius-3xs: var(--s2a-border-radius-2);
  --s2a-border-radius-2xs: var(--s2a-border-radius-4);
  --s2a-border-radius-xs: var(--s2a-border-radius-8);
  --s2a-border-radius-sm: var(--s2a-border-radius-12);
  --s2a-border-radius-md: var(--s2a-border-radius-16);
  --s2a-border-radius-lg: var(--s2a-border-radius-22);
  --s2a-border-radius-xl: var(--s2a-border-radius-32);
  --s2a-border-radius-round: var(--s2a-border-radius-999);
  --s2a-border-width-sm: var(--s2a-border-width-1);
  --s2a-border-width-md: var(--s2a-border-width-2);
  --s2a-border-width-lg: var(--s2a-border-width-4);
  --s2a-opacity-disabled: var(--s2a-opacity-48);
  --s2a-opacity-scrim-strong: var(--s2a-opacity-64);
  --s2a-opacity-scrim-subtle: var(--s2a-opacity-32);
  --s2a-spacing-none: var(--s2a-spacing-0);
  --s2a-spacing-3xs: var(--s2a-spacing-2);
  --s2a-spacing-2xs: var(--s2a-spacing-4);
  --s2a-spacing-xs: var(--s2a-spacing-8);
  --s2a-spacing-sm: var(--s2a-spacing-12);
  --s2a-spacing-md: var(--s2a-spacing-16);
  --s2a-spacing-lg: var(--s2a-spacing-24);
  --s2a-spacing-xl: var(--s2a-spacing-32);
  --s2a-spacing-2xl: var(--s2a-spacing-40);
  --s2a-spacing-3xl: var(--s2a-spacing-48);
  --s2a-spacing-4xl: var(--s2a-spacing-64);
  --s2a-font-family-heading: var(--s2a-font-family-adobe-clean-display);
  --s2a-font-family-default: var(--s2a-font-family-adobe-clean);
  --s2a-font-letter-spacing-xs: var(--s2a-font-letter-spacing-neg-3_84);
  --s2a-font-letter-spacing-sm: var(--s2a-font-letter-spacing-neg-3_2);
  --s2a-font-letter-spacing-md: var(--s2a-font-letter-spacing-neg-2_88);
  --s2a-font-letter-spacing-lg: var(--s2a-font-letter-spacing-neg-1_68);
  --s2a-font-letter-spacing-xl: var(--s2a-font-letter-spacing-neg-1_44);
  --s2a-font-letter-spacing-2xl: var(--s2a-font-letter-spacing-neg-1);
  --s2a-font-letter-spacing-3xl: var(--s2a-font-letter-spacing-neg-0_96);
  --s2a-font-letter-spacing-4xl: var(--s2a-font-letter-spacing-neg-0_48);
  --s2a-font-letter-spacing-5xl: var(--s2a-font-letter-spacing-neg-0_2);
  --s2a-font-letter-spacing-6xl: var(--s2a-font-letter-spacing-0);
  --s2a-font-line-height-2xs: var(--s2a-font-line-height-16);
  --s2a-font-line-height-xs: var(--s2a-font-line-height-18);
  --s2a-font-line-height-sm: var(--s2a-font-line-height-20);
  --s2a-font-line-height-md: var(--s2a-font-line-height-24);
  --s2a-font-line-height-lg: var(--s2a-font-line-height-32);
  --s2a-font-line-height-xl: var(--s2a-font-line-height-40);
  --s2a-font-line-height-2xl: var(--s2a-font-line-height-48);
  --s2a-font-line-height-3xl: var(--s2a-font-line-height-56);
  --s2a-font-line-height-4xl: var(--s2a-font-line-height-69);
  --s2a-font-line-height-5xl: var(--s2a-font-line-height-76);
  --s2a-font-line-height-6xl: var(--s2a-font-line-height-92);
  --s2a-font-size-xs: var(--s2a-font-size-12);
  --s2a-font-size-sm: var(--s2a-font-size-14);
  --s2a-font-size-md: var(--s2a-font-size-16);
  --s2a-font-size-lg: var(--s2a-font-size-18);
  --s2a-font-size-xl: var(--s2a-font-size-20);
  --s2a-font-size-2xl: var(--s2a-font-size-24);
  --s2a-font-size-3xl: var(--s2a-font-size-32);
  --s2a-font-size-4xl: var(--s2a-font-size-36);
  --s2a-font-size-5xl: var(--s2a-font-size-40);
  --s2a-font-size-6xl: var(--s2a-font-size-48);
  --s2a-font-size-7xl: var(--s2a-font-size-56);
  --s2a-font-size-8xl: var(--s2a-font-size-64);
  --s2a-font-size-9xl: var(--s2a-font-size-72);
  --s2a-font-size-10xl: var(--s2a-font-size-80);
  --s2a-font-size-11xl: var(--s2a-font-size-96);
  --s2a-font-weight-heading: var(--s2a-font-weight-adobe-clean-display-black);
  --s2a-font-weight-body: var(--s2a-font-weight-adobe-clean-regular);
  --s2a-font-weight-eyebrow: var(--s2a-font-weight-adobe-clean-bold);
  --s2a-font-weight-label: var(--s2a-font-weight-adobe-clean-bold);
  --s2a-font-weight-caption: var(--s2a-font-weight-adobe-clean-bold);
  --s2a-blur-xs: var(--s2a-blur-8);
  --s2a-blur-sm: var(--s2a-blur-16);
  --s2a-blur-md: var(--s2a-blur-32);
  --s2a-blur-lg: var(--s2a-blur-64);
  --s2a-layout-none: var(--s2a-spacing-0);
  --s2a-layout-sm: var(--s2a-spacing-80);
  --s2a-layout-md: var(--s2a-spacing-96);
  --s2a-layout-lg: var(--s2a-spacing-128);
  --s2a-layout-xl: var(--s2a-spacing-160);
  --s2a-layout-2xl: var(--s2a-spacing-240);

  /* tokens.semantic.light */
  --s2a-color-background-brand: var(--s2a-color-brand-adobe-red);
  --s2a-color-background-default: var(--s2a-color-gray-25);
  --s2a-color-background-disabled: var(--s2a-color-gray-50);
  --s2a-color-background-inverse: var(--s2a-color-gray-1000);
  --s2a-color-background-knockout: var(--s2a-color-gray-1000);
  --s2a-color-background-subtle: var(--s2a-color-gray-50);
  --s2a-color-background-utility-error: var(--s2a-color-red-900);
  --s2a-color-border-brand: var(--s2a-color-brand-adobe-red);
  --s2a-color-border-default: var(--s2a-color-gray-800);
  --s2a-color-border-disabled: var(--s2a-color-gray-400);
  --s2a-color-border-inverse: var(--s2a-color-gray-25);
  --s2a-color-border-knockout: var(--s2a-color-gray-1000);
  --s2a-color-border-strong: var(--s2a-color-gray-900);
  --s2a-color-border-subtle: var(--s2a-color-gray-300);
  --s2a-color-border-utility-error: var(--s2a-color-red-900);
  --s2a-color-content-body-strong: var(--s2a-color-content-strong);
  --s2a-color-content-body-subtle: var(--s2a-color-content-subtle);
  --s2a-color-content-brand: var(--s2a-color-brand-adobe-red);
  --s2a-color-content-caption: var(--s2a-color-content-subtle);
  --s2a-color-content-default: var(--s2a-color-gray-1000);
  --s2a-color-content-disabled: var(--s2a-color-gray-400);
  --s2a-color-content-eyebrow: var(--s2a-color-transparent-black-64);
  --s2a-color-content-inverse: var(--s2a-color-content-knockout);
  --s2a-color-content-knockout: var(--s2a-color-gray-25);
  --s2a-color-content-label: var(--s2a-color-content-default);
  --s2a-color-content-strong: var(--s2a-color-gray-900);
  --s2a-color-content-subheading: var(--s2a-color-gray-1000);
  --s2a-color-content-subtle: var(--s2a-color-transparent-black-64);
  --s2a-color-content-heading: var(--s2a-color-content-default);
  --s2a-color-content-utility-error: var(--s2a-color-red-900);
  --s2a-color-focus-ring-default: var(--s2a-color-blue-900);
  --s2a-color-focus-ring-knockout: var(--s2a-color-gray-25);

  /* tokens.responsive.sm */
  --s2a-section-spacing-none: var(--s2a-spacing-none);
  --s2a-section-spacing-5xs: var(--s2a-spacing-xs);
  --s2a-section-spacing-4xs: var(--s2a-spacing-sm);
  --s2a-section-spacing-3xs: var(--s2a-spacing-md);
  --s2a-section-spacing-2xs: var(--s2a-spacing-xs);
  --s2a-section-spacing-xs: var(--s2a-spacing-lg);
  --s2a-section-spacing-sm: var(--s2a-spacing-lg);
  --s2a-section-spacing-md: var(--s2a-spacing-lg);
  --s2a-section-spacing-lg: var(--s2a-spacing-xl);
  --s2a-section-spacing-xl: var(--s2a-spacing-2xl);
  --s2a-section-spacing-2xl: var(--s2a-spacing-lg);
  --s2a-section-spacing-3xl: var(--s2a-spacing-2xl);
  --s2a-section-spacing-4xl: var(--s2a-spacing-4xl);
  --s2a-section-spacing-5xl: var(--s2a-layout-sm);
  --s2a-layout-guide-gap: var(--s2a-spacing-xs);
  --s2a-typography-font-size-super: var(--s2a-font-size-7xl);
  --s2a-typography-font-size-heading-1: var(--s2a-font-size-5xl);
  --s2a-typography-font-size-heading-2: var(--s2a-font-size-3xl);
  --s2a-typography-font-size-heading-3: var(--s2a-font-size-2xl);
  --s2a-typography-font-size-heading-4: var(--s2a-font-size-xl);
  --s2a-typography-font-size-heading-5: var(--s2a-font-size-lg);
  --s2a-typography-font-size-heading-6: var(--s2a-font-size-md);
  --s2a-typography-font-size-body-xs: var(--s2a-font-size-xs);
  --s2a-typography-font-size-body-sm: var(--s2a-font-size-sm);
  --s2a-typography-font-size-body-md: var(--s2a-font-size-md);
  --s2a-typography-font-size-body-lg: var(--s2a-font-size-md);
  --s2a-typography-font-size-eyebrow: var(--s2a-font-size-md);
  --s2a-typography-font-size-label: var(--s2a-font-size-sm);
  --s2a-typography-font-size-caption: var(--s2a-font-size-xs);
  --s2a-typography-letter-spacing-super: var(--s2a-font-letter-spacing-lg);
  --s2a-typography-letter-spacing-heading-1: var(--s2a-font-letter-spacing-lg);
  --s2a-typography-letter-spacing-heading-2: var(--s2a-font-letter-spacing-3xl);
  --s2a-typography-letter-spacing-heading-3: var(--s2a-font-letter-spacing-4xl);
  --s2a-typography-letter-spacing-heading-4: var(--s2a-font-letter-spacing-4xl);
  --s2a-typography-letter-spacing-heading-5: var(--s2a-font-letter-spacing-5xl);
  --s2a-typography-letter-spacing-heading-6: var(--s2a-font-letter-spacing-5xl);
  --s2a-typography-letter-spacing-body-xs: var(--s2a-font-letter-spacing-6xl);
  --s2a-typography-letter-spacing-body-sm: var(--s2a-font-letter-spacing-6xl);
  --s2a-typography-letter-spacing-body-md: var(--s2a-font-letter-spacing-6xl);
  --s2a-typography-letter-spacing-body-lg: var(--s2a-font-letter-spacing-6xl);
  --s2a-typography-letter-spacing-eyebrow: var(--s2a-font-letter-spacing-6xl);
  --s2a-typography-letter-spacing-label: var(--s2a-font-letter-spacing-6xl);
  --s2a-typography-letter-spacing-caption: var(--s2a-font-letter-spacing-6xl);
  --s2a-typography-line-height-super: var(--s2a-font-line-height-3xl);
  --s2a-typography-line-height-heading-1: var(--s2a-font-line-height-xl);
  --s2a-typography-line-height-heading-2: var(--s2a-font-line-height-lg);
  --s2a-typography-line-height-heading-3: var(--s2a-font-line-height-md);
  --s2a-typography-line-height-heading-4: var(--s2a-font-line-height-sm);
  --s2a-typography-line-height-heading-5: var(--s2a-font-line-height-sm);
  --s2a-typography-line-height-heading-6: var(--s2a-font-line-height-xs);
  --s2a-typography-line-height-body-xs: var(--s2a-font-line-height-xs);
  --s2a-typography-line-height-body-sm: var(--s2a-font-line-height-xs);
  --s2a-typography-line-height-body-md: var(--s2a-font-line-height-sm);
  --s2a-typography-line-height-body-lg: var(--s2a-font-line-height-sm);
  --s2a-typography-line-height-eyebrow: var(--s2a-font-line-height-sm);
  --s2a-typography-line-height-label: var(--s2a-font-line-height-xs);
  --s2a-typography-line-height-caption: var(--s2a-font-line-height-2xs);
}

.dark {
  /* tokens.semantic.dark */
  --s2a-color-background-default: var(--s2a-color-gray-900);
  --s2a-color-background-inverse: var(--s2a-color-gray-25);
  --s2a-color-background-subtle: var(--s2a-color-gray-700);
  --s2a-color-border-default: var(--s2a-color-gray-300);
  --s2a-color-border-inverse: var(--s2a-color-gray-1000);
  --s2a-color-border-knockout: var(--s2a-color-gray-25);
  --s2a-color-border-strong: var(--s2a-color-gray-25);
  --s2a-color-content-default: var(--s2a-color-gray-25);
  --s2a-color-content-eyebrow: var(--s2a-color-transparent-white-48);
  --s2a-color-content-inverse: var(--s2a-color-gray-1000);
  --s2a-color-content-label: var(--s2a-color-content-knockout);
  --s2a-color-content-strong: var(--s2a-color-gray-600);
  --s2a-color-content-subheading: var(--s2a-color-content-knockout);
  --s2a-color-content-subtle: var(--s2a-color-transparent-white-64);
  --s2a-color-content-heading: var(--s2a-color-content-knockout);
  --s2a-color-content-body-strong: var(--s2a-color-content-strong);
  --s2a-color-content-body-subtle: var(--s2a-color-content-subtle);
  --s2a-color-content-caption: var(--s2a-color-content-subtle);
  --s2a-color-focus-ring-default: var(--s2a-color-blue-500);
}

@media (width >= 1024px) {
  :root {
    /* tokens.responsive.md */
    --s2a-section-spacing-2xs: var(--s2a-spacing-lg);
    --s2a-section-spacing-sm: var(--s2a-spacing-xl);
    --s2a-section-spacing-xl: var(--s2a-layout-sm);
    --s2a-section-spacing-2xl: var(--s2a-layout-sm);
    --s2a-section-spacing-3xl: var(--s2a-spacing-4xl);
    --s2a-section-spacing-4xl: var(--s2a-layout-sm);
    --s2a-section-spacing-5xl: var(--s2a-layout-xl);
    --s2a-typography-font-size-super: var(--s2a-font-size-9xl);
    --s2a-typography-font-size-heading-1: var(--s2a-font-size-7xl);
    --s2a-typography-font-size-heading-2: var(--s2a-font-size-6xl);
    --s2a-typography-font-size-heading-3: var(--s2a-font-size-3xl);
    --s2a-typography-font-size-heading-4: var(--s2a-font-size-2xl);
    --s2a-typography-font-size-heading-5: var(--s2a-font-size-xl);
    --s2a-typography-font-size-body-xs: var(--s2a-font-size-sm);
    --s2a-typography-font-size-body-lg: var(--s2a-font-size-lg);
    --s2a-typography-letter-spacing-super: var(--s2a-font-letter-spacing-md);
    --s2a-typography-letter-spacing-heading-1: var(--s2a-font-letter-spacing-sm);
    --s2a-typography-letter-spacing-heading-2: var(--s2a-font-letter-spacing-xl);
    --s2a-typography-letter-spacing-heading-5: var(--s2a-font-letter-spacing-4xl);
    --s2a-typography-line-height-super: var(--s2a-font-line-height-4xl);
    --s2a-typography-line-height-heading-1: var(--s2a-font-line-height-3xl);
    --s2a-typography-line-height-heading-2: var(--s2a-font-line-height-2xl);
    --s2a-typography-line-height-heading-3: var(--s2a-font-line-height-lg);
    --s2a-typography-line-height-heading-4: var(--s2a-font-line-height-md);
    --s2a-typography-line-height-body-lg: var(--s2a-font-line-height-md);
  }
}

@media (width >= 1280px) {
  :root {
    /* tokens.responsive.lg */
    --s2a-section-spacing-xs: var(--s2a-spacing-xl);
    --s2a-section-spacing-sm: var(--s2a-spacing-2xl);
    --s2a-section-spacing-md: var(--s2a-spacing-3xl);
    --s2a-section-spacing-lg: var(--s2a-spacing-4xl);
    --s2a-section-spacing-xl: var(--s2a-layout-lg);
    --s2a-section-spacing-2xl: var(--s2a-layout-lg);
    --s2a-section-spacing-3xl: var(--s2a-layout-lg);
    --s2a-section-spacing-4xl: var(--s2a-layout-lg);
    --s2a-section-spacing-5xl: var(--s2a-layout-2xl);
    --s2a-typography-font-size-super: var(--s2a-font-size-11xl);
    --s2a-typography-font-size-heading-1: var(--s2a-font-size-10xl);
    --s2a-typography-font-size-heading-2: var(--s2a-font-size-7xl);
    --s2a-typography-font-size-heading-3: var(--s2a-font-size-6xl);
    --s2a-typography-font-size-heading-4: var(--s2a-font-size-4xl);
    --s2a-typography-font-size-heading-5: var(--s2a-font-size-2xl);
    --s2a-typography-font-size-heading-6: var(--s2a-font-size-lg);
    --s2a-typography-font-size-body-lg: var(--s2a-font-size-xl);
    --s2a-typography-letter-spacing-super: var(--s2a-font-letter-spacing-xs);
    --s2a-typography-letter-spacing-heading-2: var(--s2a-font-letter-spacing-lg);
    --s2a-typography-letter-spacing-heading-3: var(--s2a-font-letter-spacing-xl);
    --s2a-typography-letter-spacing-heading-4: var(--s2a-font-letter-spacing-2xl);
    --s2a-typography-letter-spacing-heading-5: var(--s2a-font-letter-spacing-3xl);
    --s2a-typography-line-height-super: var(--s2a-font-line-height-6xl);
    --s2a-typography-line-height-heading-1: var(--s2a-font-line-height-5xl);
    --s2a-typography-line-height-heading-2: var(--s2a-font-line-height-3xl);
    --s2a-typography-line-height-heading-3: var(--s2a-font-line-height-2xl);
    --s2a-typography-line-height-heading-4: var(--s2a-font-line-height-lg);
    --s2a-typography-line-height-heading-5: var(--s2a-font-line-height-md);
  }
}

@media (width >= 1440px) {
  :root {
    /* tokens.responsive.xl */
    --s2a-typography-letter-spacing-heading-5: var(--s2a-font-letter-spacing-4xl);
  }
}