:root {
  /* Colors - Neutral */
  --co--neutral--lower: #ffffff;
  --co--neutral--low: #e9ecf2;
  --co--neutral--medium: #6b7280;
  --co--neutral--high: #374151;
  --co--neutral--higher: #111827;
  /* Colors - Primary */
  --co--primary--lower: #e5f8ff;
  --co--primary--low: #a0dafa;
  --co--primary--medium: #0079d6;
  --co--primary--high: #00406e;
  --co--primary--higher: #002d44;
  /* Colors - Secondary */
  --co--secondary--lower: #e4f7f7;
  --co--secondary--low: #b3e0df;
  --co--secondary--medium: #479997;
  --co--secondary--high: #2b6160;
  --co--secondary--higher: #183332;
  /* Colors - Accent */
  --co--accent--lower: #fffccc;
  --co--accent--low: #fff785;
  --co--accent--medium: #ffe101;
  --co--accent--high: #f7b531;
  --co--accent--higher: #cc7a08;

  --plyr-color-main: var(--co--primary--medium);

  /* Layout - Spacing */
  --sp--1: 0.25rem;
  --sp--2: 0.5rem;
  --sp--3: 0.75rem;
  --sp--4: 1rem;
  --sp--5: 1.5rem;
  --sp--6: 2rem;
  --sp--7: 3rem;
  --sp--8: 4rem;
  --sp--9: 6rem;
  --sp--10: 8rem;
  --ly--global-padding: var(--sp--5);
  --ly--block-padding: var(--sp--7);
  --ly--text-spacing: var(--sp--5);

  /* Layout - Widths */
  --ly--width--smaller: 40rem;
  --ly--width--small: 47.75rem;
  --ly--width--medium: 64rem;
  --ly--width--large: 80rem;
  --ly--width--x-large: 96rem;

  /* Layout - Heights */
  --ly--header-height: 5.75rem;

  /* Font - Family */
  --ff--heading: dosis, sans-serif;
  --ff--body: manrope, sans-serif;

  /* Font - Sizes */
  --fz--text--base: 1rem;
  --fz--text--small: 0.875rem;
  --fz--text--smaller: 0.75rem;
  --fz--heading--smallest: 1.125rem;
  --fz--heading--smaller: 1.25rem;
  --fz--heading--small: 1.5rem;
  --fz--heading--medium: 1.75rem;
  --fz--heading--large: 2.25rem;
  --fz--heading--x-large: 2.25rem;
  --fz--display--smaller: 3rem;
  --fz--display--small: 3rem;
  --fz--display--medium: 3rem;
  --fz--display--large: 3rem;

  /* Font - Line Height */
  --lh--base: calc(1em + 0.25rem);
  --lh--tight: calc(1em + 0.125rem);
  --lh--tightest: 1em;
  --lh--text: var(--lh--base);
  --lh--heading--smallest: var(--lh--base);
  --lh--heading--smaller: var(--lh--base);
  --lh--heading--small: var(--lh--base);
  --lh--heading--medium: var(--lh--tight);
  --lh--heading--large: var(--lh--tight);
  --lh--heading--x-large: var(--lh--tight);
  --lh--display--smaller: var(--lh--tight);
  --lh--display--small: var(--lh--tight);
  --lh--display--medium: var(--lh--tight);
  --lh--display--large: var(--lh--tight);

  /* Font - Letter Spacing */
  --ls--text: -0.00625em;
  --ls--heading--smallest: -0.016em;
  --ls--heading--smaller: -0.02em;
  --ls--heading--small: -0.0025em;
  --ls--heading--medium: -0.028em;
  --ls--heading--large: -0.03125em;
  --ls--heading--x-large: -0.03125em;
  --ls--display--smaller: -0.03125em;
  --ls--display--small: -0.03125em;
  --ls--display--medium: -0.03125em;
  --ls--display--large: -0.03125em;
}
@media screen and (min-width: 52.125rem) {
  :root {
    /* Layout - Spacing */
    --ly--global-padding: var(--sp--6);
    --ly--text-spacing: var(--sp--6);

    /* Font - Sizes */
    --fz--heading--x-large: 3rem;
    --fz--display--smaller: 4rem;
    --fz--display--small: 4rem;
    --fz--display--medium: 5rem;
    --fz--display--large: 5rem;

    /* Font - Line Height */
    --lh--display--large: var(--lh--tightest);
    --lh--display--medium: var(--lh--tightest);
    --lh--display--small: var(--lh--tightest);
    --lh--display--smaller: var(--lh--tightest);
  }
}
@media screen and (min-width: 90rem) {
  :root {
    /* Layout - Spacing */
    --ly--global-padding: var(--sp--7);
    --ly--block-padding: var(--sp--8);

    /* Font - Sizes */
    --fz--display--small: 5rem;
    --fz--display--medium: 6rem;
    --fz--display--large: 8rem;

    /* Font - Letter Spacing */
    --ls--display--medium: -0.05em;
    --ls--display--large: -0.05em;
  }
}