/* ColdMinder brand 2026 — shared web foundation (brand/tokens.json).
   Self-hosted variable fonts (OFL, brand/fonts is canonical — never a CDN).
   Pages keep their own token blocks (values from tokens.json); this sheet
   owns the faces so every surface loads the same files from /fonts/. */

@font-face {
  font-family: 'Manrope';
  src: url('/fonts/Manrope[wght].woff2') format('woff2-variations'),
       url('/fonts/Manrope[wght].woff2') format('woff2');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Oswald';
  src: url('/fonts/Oswald[wght].woff2') format('woff2-variations'),
       url('/fonts/Oswald[wght].woff2') format('woff2');
  font-weight: 200 700;
  font-style: normal;
  font-display: swap;
}

/* Type roles (2026): Manrope carries everything — body, UI, legal, numerals
   (pair numerals with font-variant-numeric: tabular-nums). Oswald is display
   ONLY: hero/section headlines >= ~24px, never labels/buttons/body. True
   monospace is reserved for literal codes and IDs. */

.skip-link{position:fixed;top:10px;left:16px;z-index:1000;padding:12px 18px;
  background:var(--text,#24404a);color:var(--bg,#ebf2f6);border-radius:8px;
  font:700 14px Manrope,sans-serif;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
main:focus{outline:none}
button,a,input,summary{-webkit-tap-highlight-color:transparent}