/* ============================================================
   DaiZ web type — SHARED PARTIAL, single source of truth.
   Loaded by every surface: / (marketing), /demo/, /test/, /quiz/,
   /onboarding/, /report/.

   Do NOT re-declare @font-face anywhere else, and do NOT add Google Fonts
   <link> tags. The faces are self-hosted here: one request per face, no
   third-party call, and every surface is guaranteed the same rendering.

   ── The rule: two faces, split by ROLE, not by size ──────────
     --brand   Montserrat. Everything the visitor READS AS CONTENT —
               headlines, section subheads, card copy, FAQ, big numbers.
               This is the page's voice.
     --ui      Inter. Everything that is INTERFACE — eyebrows, buttons,
               form fields and labels, stat captions, footnotes, footers,
               table chrome, the app mockup.

   `body` defaults to --ui, so anything not explicitly listed stays Inter.
   New prose has to opt in to --brand; the default never flips. That is
   deliberate — it keeps the brand face from creeping across UI chrome.

   Why not one face everywhere: Inter at 700 with -0.028em tracking is the
   de-facto default of generated landing pages and SaaS starter themes, so
   a page set entirely in it reads as templated. Inter is still the right
   choice for UI (tall x-height, disambiguated glyphs, holds up small) —
   it just no longer does the brand's talking.

   Headline tracking is -0.02em, not -0.028em: the tighter value was tuned
   for Inter and crowds Montserrat's wider geometric letterforms.

   Internal tooling (/test/) is the deliberate exception — it carries no
   marketing prose, so it stays Inter-dominant and only takes the tokens.
   ============================================================ */

@font-face{
  font-family:'Inter'; font-style:normal; font-weight:400 700;
  font-display:swap; src:url('fonts/inter-var.woff2') format('woff2');
}
@font-face{
  font-family:'Montserrat'; font-style:normal; font-weight:400 700;
  font-display:swap; src:url('fonts/montserrat-var.woff2') format('woff2');
}

:root{
  --brand:'Montserrat',-apple-system,'Segoe UI',sans-serif;
  --ui:'Inter','Pretendard',-apple-system,BlinkMacSystemFont,sans-serif;
}