/* Design tokens for the homepage. Dark mode only: true black, white, and two signal colors.
   --ui marks everything about interface design, --ai marks everything about models. */
/* One family, two faces: the browser picks the face from font-weight, so anything set to 600 or heavier
   renders in Segoe UI Bold, the bold face of the PDF articles, and everything lighter renders in Archivo. Segoe declares the same
   stretch range as Archivo because browsers match stretch before weight. */
@font-face { font-family: 'Site'; src: url('../fonts/archivo-var.woff2') format('woff2'); font-weight: 100 599; font-stretch: 62% 125%; font-display: swap; }
@font-face { font-family: 'Site'; src: url('../fonts/segoe-ui-bold.woff2?v=20261104b') format('woff2'); font-weight: 600 900; font-stretch: 62% 125%; font-display: swap; }
/* Nebula sets the hero name, the UX, UI and AI words, the WORK title and the .nebula-title headings.
   Monument Extended sets the eyebrow lines above those words, always in capitals. */
@font-face { font-family: 'Monument'; src: url('../fonts/monument-extended-ultrabold.woff2?v=20261104b') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Nebula'; src: url('../fonts/nebula.woff2?v=20261104b') format('woff2'); font-weight: 400; font-display: swap; }

:root {
  color-scheme: dark;
  --ink: #000;
  --ink-2: #0d0d10;
  --ink-3: #1a1a1f;
  --line: #2c2c33;
  --text: #fff;
  --muted: #a6a6b0;
  --ui: #19c2ff;
  --ai: #ff2e88;
  --body: 'Site', system-ui, sans-serif;
  --gutter: clamp(16px, 2.6vw, 44px);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  /* Hover highlight for text links. The site never underlines text. */
  --glow-ui: 0 0 0.7em rgba(25, 194, 255, 0.75);
  --glow-white: 0 0 0.7em rgba(255, 255, 255, 0.65);
}