/* =====================================================================
   hifi-guard.css, token source-of-truth guard for the hi-fi pages.

   WHY: there is no local Tailwind CLI here, so hi-fi pages compile Tailwind
   IN THE BROWSER (assets/hifi.js). The browser build emits Tailwind's own
   default theme variables into :root, and for the few names that collide
   with our design tokens (the font stacks + the radius scale) its defaults
   can SHADOW tokens.css, dropping type to a system fallback and nudging
   corner radii. See DESIGN.md §3 (type) / §6.1 (radius).

   This file does NOT introduce new values. It RE-ASSERTS the existing
   tokens.css values with !important so the design tokens always win over
   the client-side build, regardless of injection order or cascade layers.
   tokens.css stays the single source of truth.

   Load as a normal <link> AFTER tokens.css + site.css on every hi-fi page.
   At Hyvä migration this whole shim is deleted: the real `tailwindcss` CLI
   (web/tailwind/) compiles against the @theme directly, so nothing collides.
   Keep the values below in lockstep with assets/tokens.css.
   ===================================================================== */
:root {
  /* §3, font stacks (Inter / JetBrains Mono) */
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;

  /* §6.1, radius scale */
  --radius-xs: 0.125rem !important;
  --radius-sm: 0.375rem !important;
  --radius-md: 0.625rem !important;
  --radius-lg: 0.75rem !important;
  --radius-full: 9999px !important;
}