/* Navigation related breakpoints */
/* Grid related breakpoints */
:root {
  --font-sans: "Inter", sans-serif;
  /* Drupal administrative toolbar heights and width. */
  --toolbar-height: 2.4375rem;
  --toolbar-tray-height: 2.5rem;
  --toolbar-tray-vertical-width: 14.9375rem;
  /* Layout */
  --layout--max-width: 87.5rem;
  --scrollbar-width: 1rem;
  /* Layout helpers */
  --sp: 1rem;
  --sp0-25: calc(0.25 * var(--sp));
  --sp0-5: calc(0.5 * var(--sp));
  --sp0-75: calc(0.75 * var(--sp));
  --sp1: calc(1 * var(--sp));
  --sp1-5: calc(1.5 * var(--sp));
  --sp2: calc(2 * var(--sp));
  --sp2-5: calc(2.5 * var(--sp));
  --sp3: calc(3 * var(--sp));
  --sp4: calc(4 * var(--sp));
  --sp5: calc(5 * var(--sp));
  --color--night-0: hsla(0, 0%, 0%, 1);
  --color--night-5: hsla(200, 75%, 5%, 1);
  --color--night-15: hsla(200, 29%, 13%, 1);
  --color--night-20: hsla(201, 20%, 21%, 1);
  --color--night-30: hsla(202, 12%, 29%, 1);
  --color--night-35: hsla(202, 9%, 36%, 1);
  --color--night-40: hsla(202, 6%, 43%, 1);
  --color--night-50: hsla(202, 5%, 52%, 1);
  --color--night-60: hsla(202, 5%, 60%, 1);
  --color--night-70: hsla(202, 6%, 72%, 1);
  --color--night-90: hsla(202, 6%, 90%, 1);
  --color--sky-50: hsla(194, 66%, 50%, 1);
  --color--sky-80: hsla(194, 66%, 80%, 1);
  --color--sky-86: hsla(194, 54%, 86%, 1);
  --color--sky-90: hsla(193, 65%, 90%, 1);
  --color--sky-94: hsla(195, 67%, 94%, 1);
  --color--sky-97: hsla(195, 86%, 97%, 1);
  --color--ocean-10: hsla(200, 59%, 13%, 1);
  --color--ocean-15: hsla(201, 100%, 16%, 1);
  --color--ocean-30: hsla(201, 100%, 29%, 1);
  --color--ocean-35: hsla(201, 100%, 37%, 1);
  --color--ocean-40: hsla(202, 100%, 42%, 1);
  --color--ocean-55: hsla(201, 100%, 55%, 1);
  --color--sun-30: hsla(18, 95%, 30%, 1);
  --color--sun-40: hsla(18, 95%, 41%, 1);
  --color--sun-45: hsla(18, 95%, 46%, 1);
  --color--sun-55: hsla(19, 95%, 55%, 1);
  --color--sun-70: hsla(18, 95%, 71%, 1);
  --color--sun-80: hsla(18, 95%, 83%, 1);
  --color--sun-90: hsla(18, 96%, 91%, 1);
  --color--white: #fff;
  --color--red: red;
  --color--gold: gold;
  --color--green: green;
  --color--blue: blue;
  --grid-gap: var(--sp1-5);
  --form-element-border: var(--color--night-50);
  --focus-ring-color: currentColor;
}
:root ::-webkit-backdrop {
  --color-backdrop: hsla(200, 29%, 13%, 1);
}
:root ::backdrop {
  --color-backdrop: hsla(200, 29%, 13%, 1);
}
@media (min-width: 81.25rem) {
  :root {
    --grid-gap: var(--sp2);
  }
}