/**
 * ninety two — official brand tokens (source: ninetytwo_BrandGuidelines.pdf)
 *
 * PRIMARY:            black #000000 · pink #ff3377 · lime #00ff12
 * SECONDARY:          blue #002e72 · gold #ffbd17
 * SECONDARY SUPPORT:  deep pink #ff0062 · forest #325433 · lt. blue #166cd3
 *                     deep gold #f9ae40 · off white #efece8 · white #ffffff
 *
 * TYPE: Gilroy Black (headlines) · Gilroy Semibold (subheads) · Gilroy (body)
 *       Gilroy Light (accents, minimal use)
 * TRACKING: lowercase ≤ 0 · ALL CAPS ≤ 75 (0.075em)
 *
 * WEB ADDENDUM (approved Jun 2026, pending guidelines update):
 *   web green #7ac943 — replaces lime on screen (lime #00ff12 too harsh digitally)
 *   web black #171717 — muted black for digital surfaces where pure #000 is too deep
 */

:root {
  /* primary */
  --n92-black: #000000;
  --n92-pink: #ff3377;
  --n92-lime: #00ff12;

  /* secondary */
  --n92-blue: #002e72;
  --n92-gold: #ffbd17;

  /* secondary support */
  --n92-deep-pink: #ff0062;
  --n92-forest: #325433;
  --n92-lt-blue: #166cd3;
  --n92-deep-gold: #f9ae40;
  --n92-off-white: #efece8;
  --n92-white: #ffffff;

  /* web addendum — screen-only variants */
  --n92-web-green: #7ac943;
  --n92-web-black: #171717;

  /* aliases used across the site's custom styles */
  --n92-accent: var(--n92-pink);
  --n92-accent-hover: var(--n92-deep-pink);
  --n92-accent-muted: rgba(255, 51, 119, 0.55);
  --n92-cream: var(--n92-off-white);

  /* UI — subtle corner, consistent across custom pages (not pill) */
  --n92-radius: 3px;

  /* fluid display scale — homepage + modern pages */
  --n92-display-1: clamp(2.25rem, 4.8vw + 0.5rem, 6.25rem);
  --n92-display-2: clamp(1.75rem, 2.8vw + 0.65rem, 4.5rem);
  --n92-display-3: clamp(1.35rem, 1.6vw + 0.55rem, 2.75rem);
  --n92-body-lg: clamp(1rem, 0.35vw + 0.92rem, 1.2rem);
  --n92-eyebrow: clamp(0.72rem, 0.25vw + 0.65rem, 0.85rem);
}

/* ── Skip link ── */
.n92-skip-link {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  z-index: 100000;
  padding: 0.55rem 0.9rem;
  background: var(--n92-pink);
  color: var(--n92-off-white);
  font-family: gilroy, "proxima-nova", sans-serif;
  font-size: 0.85rem;
  font-weight: 700;
  text-decoration: none;
  border-radius: var(--n92-radius);
  transform: translateY(-200%);
  transition: transform 0.2s ease;
}

.n92-skip-link:focus,
.n92-skip-link:focus-visible {
  transform: translateY(0);
  outline: 2px solid var(--n92-off-white);
  outline-offset: 2px;
}

/* ── ADA: visible keyboard focus (WCAG 2.4.7) — keyboard users only ── */
:focus-visible {
  outline: 2px solid var(--n92-pink);
  outline-offset: 2px;
}