/* Shared colors, typography, and spacing. Change global design values here. */
:root {
  --white-hsl: 0, 0%, 100%;
  --black-hsl: 0, 0%, 0%;
  --safeDarkAccent-hsl: 42.86, 3.87%, 64.51%;
  --darkAccent-hsl: 240, 2.61%, 22.55%;
  --color-text: hsla(var(--black-hsl), 1);
  --tweak-text-block-stroke-color: hsla(var(--black-hsl), 1);
  --image-block-card-image-overlay-color: hsla(var(--darkAccent-hsl), 1);
  --color-link: hsla(var(--safeDarkAccent-hsl), 1);
  --color-background: hsla(var(--white-hsl), 1);
  --color-button: hsla(var(--safeDarkAccent-hsl), 1);
  --image-block-card-image-title-bg-color: hsla(var(--white-hsl), 0);
  --color-button-text: hsla(var(--white-hsl), 1);
  --image-block-overlay-color: hsla(var(--black-hsl), 0.5);
}
[data-section-theme="dark"] {
  --color-text: hsla(var(--white-hsl), 1);
  --tweak-text-block-stroke-color: hsla(var(--safeDarkAccent-hsl), 1);
  --image-block-card-image-overlay-color: hsla(var(--darkAccent-hsl), 1);
  --color-link: hsla(var(--safeDarkAccent-hsl), 1);
  --color-background: hsla(var(--darkAccent-hsl), 1);
  --color-button: hsla(var(--safeDarkAccent-hsl), 1);
  --image-block-card-image-title-bg-color: hsla(var(--darkAccent-hsl), 0);
  --color-button-text: hsla(var(--white-hsl), 1);
  --image-block-overlay-color: hsla(var(--black-hsl), 0.5);
}
[data-section-theme="black"] {
  --color-text: hsla(var(--white-hsl), 1);
  --tweak-text-block-stroke-color: hsla(var(--safeDarkAccent-hsl), 1);
  --image-block-card-image-overlay-color: hsla(var(--darkAccent-hsl), 1);
  --color-link: hsla(var(--safeDarkAccent-hsl), 1);
  --color-background: hsla(var(--black-hsl), 1);
  --color-button: hsla(188.57142857, 49.12280702%, 55.29411765%, 1);
  --image-block-card-image-title-bg-color: hsla(var(--black-hsl), 0);
  --color-button-text: hsla(var(--white-hsl), 1);
  --image-block-overlay-color: hsla(var(--black-hsl), 0.5);
}
:root {
  --base-font-size: 16px;
  --font-heading: "Poppins";
  --weight-heading: 500;
  --leading-heading: 1.4em;
  --body-font-font-style: normal;
  --weight-body: 300;
  --body-font-text-transform: none;
  --body-font-letter-spacing: 0em;
  --leading-body: 1.8em;
  --meta-font-font-weight: 400;
  --meta-font-line-height: 1.2em;
  --scale-h1: 4;
  --scale-h2: 2.8;
  --scale-h3: 2.2;
  --scale-h4: 1.2;
  --large-text-size-value: 1.4;
  --scale-body: 1;
  --small-text-size-value: 0.9;
  --primary-button-font-font-family: "aktiv-grotesk";
  --scale-site-title: 2;
  --header-button-font-letter-spacing: 0.02em;
  --blog-alternating-side-by-side-list-title-font-text-transform: var(--body-font-text-transform);
  --blog-alternating-side-by-side-list-title-font-letter-spacing: var(--body-font-letter-spacing);
  --page-max-width: 1200px;
  --page-gutter: 3vw;
  --site-gutter: var(--page-gutter);
  --mobile-site-gutter: 6vw;
  --image-block-card-image-width: 55%;
  --image-block-card-image-card-separation: 7%;
  --image-block-card-image-title-separation: 5%;
  --primary-button-padding-x: 2.004rem;
  --primary-button-padding-y: 1.2rem;
  --primary-button-stroke: 0px;
}
main:not(header + main) {
  --header-height: 0px;
}