@import "tailwindcss";

@source "./**/*.{ts,tsx}";
@source "../../../../react/src/components/**/*.{ts,tsx}";

/* ---------------------------------------------------------------------------
   Fonts

   Vendored and inlined as `data:` URLs, not fetched. The inner renderer runs
   under `font-src data:` (see `buildRendererSrcDoc`), so a network font would
   simply be blocked and model-written UI would render in `system-ui` — the one
   executor surface not set in Geist. `vite.config.shell.ts` raises
   `assetsInlineLimit` above these files' size so the build inlines them, and
   `collectShellCss` then copies the whole compiled stylesheet, fonts included,
   into the sandboxed frame.

   These live HERE rather than in `theme.css` because `url()` needs the build to
   resolve it; `theme.css` is also shipped as raw source to the in-frame
   compiler, which has no bundler and no filesystem.

   Variable faces: one file each covers 400 (body) and 500/600 (labels,
   headings) without a second request's worth of bytes.
   --------------------------------------------------------------------------- */

@font-face {
  font-family: "Geist";
  src: url("./fonts/geist-sans.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Geist Mono";
  src: url("./fonts/geist-mono.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Executor's tokens, variants and base layer. Shared verbatim with the inner
   frame's Tailwind compiler — keep anything build-resolved out of it. */
@import "./theme.css";