/* this_file: src_docs/md/css/fontlab-base.css */
/* ==================================================================
   FontLab Partners — global tokens + reduced-motion + overflow clip.
   Loaded FIRST so tokens are available to every other fontlab-*.css.
   ================================================================== */

:root {
  --fl-black: #000;
  --fl-white: #fff;
  --fl-off-white: #F5F4F0;
  --fl-gray-light: #E8E8E8;
  --fl-gray-mid: #999;
  --fl-gray-text: #555;
  --fl-gray-dark: #5a5a5a;
  --fl-red: #c81a27;

  /* ---- Band system tokens (2026-04-15 landing revision) ---- */
  --fl-band-soft: #F2F1EE;
  --fl-band-primary: var(--fl-red);
  --fl-band-primary-ink: #ffffff;
  --fl-rule: #d8d6d1;
}

/* Clip horizontal overflow at the root so 100vw bands don't force a
   horizontal scrollbar when a vertical scrollbar is present. `clip` (not
   `hidden`) preserves sticky/overflow-anchor behavior on descendants. */
html { overflow-x: clip; }

/* ---- Keep transitions under prefers-reduced-motion ---- */
@media (prefers-reduced-motion: reduce) {
  .md-typeset .fl-hero-headline {
    transition: opacity .6s ease !important;
  }
  .md-typeset .fl-faq-item,
  .md-typeset .fl-faq-item *,
  .md-typeset .fl-faq-tab,
  .md-typeset .card,
  .md-typeset #products article.card,
  .md-typeset #products article.card figure img,
  .md-typeset .collapse,
  .md-typeset .collapse-content,
  .md-typeset .collapse-title::after,
  .md-typeset .btn {
    transition-duration: 0.25s !important;
    transition-timing-function: ease !important;
    transition-property: transform, box-shadow, background-color,
                         color, border-color, opacity, grid-template-rows,
                         max-height, top, left, width, height !important;
  }
}

.md-typeset .headerlink {
  display: none;
}
.md-typeset em {
  font-style: normal;
  font-weight: 500;
}
figcaption {
  display: none;
  font-style: normal;
}
.md-top {
  display: none;
}