/* ==========================================================================
   ELEMENTS — Level 2. Loaded after otbtv_theme/css/base/elements.css, which
   takes most of Level 2 from the tokens; this is what tokens cannot say.
   ========================================================================== */

/* No photo ground: the page's ground comes from <body>. */
html {
  background: var(--color-dark);
}

/* Display type is for h1 and h2; h3 and below are Work Sans. */
h3,
h4,
h5,
h6 {
  font-family: var(--font-family-base);
  font-weight: var(--font-weight-semibold);
}

/* Eyebrow / label: the one uppercase style in Level 2. */
.otb-eyebrow {
  margin: 0;
  font-size: var(--font-size-2xs);
  font-weight: var(--font-weight-semibold);
  line-height: 1.4;
  letter-spacing: var(--letter-spacing-eyebrow);
  text-transform: uppercase;
  color: var(--color-text-muted);
}

.skip-link:focus {
  display: block;
  padding: var(--space-3) var(--space-5);
  background: var(--color-primary);
  color: var(--color-on-primary);
  font-weight: var(--font-weight-medium);
  text-align: center;
  outline-offset: calc(-1 * var(--focus-ring-width));
  outline-color: var(--color-on-primary);
}