/* ============================================================================
   Go Nimbly Design System — Web-style overrides (OPTIONAL)
   ----------------------------------------------------------------------------
   The defaults in gonimbly-base.css follow the 2026 BRAND GUIDELINES:
     • headings in ABC Monument Grotesk, title case
     • Faculty Glyphic reserved for ALL-CAPS hero/display
     • pure black (#000000) text

   The LIVE gonimbly.com WEBSITE does it differently — Faculty Glyphic for all
   headings (mixed case) and a softer near-black text (#1f1d1e). When you're
   building web surfaces that should match the marketing site rather than the
   slide/print brand guide, load THIS file AFTER gonimbly-base.css:

       <link rel="stylesheet" href="gonimbly-tokens.css">
       <link rel="stylesheet" href="gonimbly-base.css">
       <link rel="stylesheet" href="gonimbly-web-style.css">   <!-- opt in -->

   Or scope it to part of a page by wrapping that section in
   class="gn-web" (see the scoped block at the bottom).
   ========================================================================== */

:root {
  /* Softer near-black text, like the website. */
  --gn-color-text: var(--gn-color-ink);
}

/* Headings use the Faculty Glyphic display face, mixed case (website look). */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--gn-font-display);
  font-weight: var(--gn-weight-regular);
  letter-spacing: var(--gn-tracking-snug);
}

/* On the website, display headings are NOT forced to uppercase. */
.gn-display-1, .gn-display-2, .gn-display-3 { text-transform: none; }

/* ---- Scoped variant ----------------------------------------------------
   Prefer not to flip the whole document? Add class="gn-web" to a container
   and only its descendants get the website treatment. */
.gn-web { --gn-color-text: var(--gn-color-ink); color: var(--gn-color-text); }
.gn-web h1, .gn-web h2, .gn-web h3, .gn-web h4, .gn-web h5, .gn-web h6 {
  font-family: var(--gn-font-display);
  font-weight: var(--gn-weight-regular);
}
.gn-web .gn-display-1, .gn-web .gn-display-2, .gn-web .gn-display-3 { text-transform: none; }