.root,
#root,
#docs-root,
:root {
  --site-primary-200-color: #f9d2d3;
  --site-primary-300-color: #ea6365;
  --site-primary-400-color: #e12023;
  --site-primary-500-color: #9d1618;

  --site-secondary-200-color: #f2e9e4;
  --site-secondary-300-color: #f2e9e4;
  --site-secondary-400-color: #f2e9e4;

  --site-tertiary-400-color: #1f2125;

  --site-head-color: #ffffff;
  --site-dark-color: #131416;
  --site-head-text-color: #181818;

  /* Title font sizes */
  --site-font-title-size-xs: 18px; /* H4 */
  --site-font-title-size-sm: 20px; /* H3 in MD */
  --site-font-title-size-base: 22px; /* H3 in LG */
  --site-font-title-size-md: 23px; /* H2 in SM */
  --site-font-title-size-lg: 24px; /* H3 in XL */
  --site-font-title-size-xl: 26px; /* H2 in MD */
  --site-font-title-size-2xl: 28px; /* H1 in SM & H2 in LG */
  --site-font-title-size-3xl: 32px; /* H1 in MD & H2 in XL */
  --site-font-title-size-4xl: 44px; /* H1 in LG */
  --site-font-title-size-5xl: 54px; /* H1 in XL */
  --site-font-title-size-6xl: 88px; /* H1.display in LG */
  --site-font-title-size-7xl: 104px; /* H1.display in XL */

  /* Title line heights */
  --site-font-title-leading-sm: 28px; /* H4 & H3 in MD */
  --site-font-title-leading-base: 30px; /* H3 in LG */
  --site-font-title-leading-md: 32px; /* H3 in XL */
  --site-font-title-leading-lg: 34px; /* H2 in SM */
  --site-font-title-leading-xl: 36px; /* H1 in SM & H2 in MD */
  --site-font-title-leading-2xl: 38px; /* H2 in LG */
  --site-font-title-leading-3xl: 40px; /* H1 in MD & H2 in XL */
  --site-font-title-leading-4xl: 56px; /* H1 in LG */
  --site-font-title-leading-5xl: 64px; /* H1 in XL */
  --site-font-title-leading-6xl: 96px; /* H1.display in LG */
  --site-font-title-leading-7xl: 112px; /* H1.display in XL */

  /* Paragraph text font sizes */
  --site-font-text-size-xs: 12px; /* Button small label & Description & Standalone link */
  --site-font-text-size-sm: 14px; /* Text 2 & Button standard label */
  --site-font-text-size-base: 16px; /* Text 1 & Big field label in SM */
  --site-font-text-size-md: 18px; /* Preamble */
  --site-font-text-size-lg: 22px; /* Big field label */
  --site-font-text-size-xl: 24px; /* Big Preamble */
  --site-font-text-size-2xl: 32px; /* Big Preamble */

  /* Paragraph text line heights */
  --site-font-text-leading-2xs: 16px; /* Button small label & Standalone link */
  --site-font-text-leading-xs: 18px; /* Button standard label & Description */
  --site-font-text-leading-sm: 24px; /* Text 2 */
  --site-font-text-leading-base: 28px; /* Text 1 & Big field label in SM */
  --site-font-text-leading-md: 30px; /* Preamble */
  --site-font-text-leading-lg: 32px; /* Big field label */
  --site-font-text-leading-xl: 36px; /* Big Preamble */
  --site-font-text-leading-2xl: 44px; /* Big Preamble */
}