/* GoodAsset typography — the resolved consumer brand.
   Editorial pairing: Newsreader (serif headings) + Hanken Grotesk (body) +
   Space Mono (labels/data). Loaded from Google Fonts so GoodAsset is portable
   independent of CAS's proprietary "The Future".
   Scoped to the `.goodasset` theme class so CAS surfaces keep The Future. */
@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&family=Newsreader:opsz,ital,wght@6..72,0,400;6..72,0,500;6..72,0,600;6..72,1,400&family=Space+Mono:wght@400;700&display=swap');

:root {
  --ig-font-head: "Newsreader", Georgia, "Times New Roman", serif;
  --ig-font-body: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  --ig-font-mono: "Space Mono", ui-monospace, SFMono-Regular, monospace;
}

/* Apply this class to a GoodAsset app root. Shared primitives (Button, Input,
   Card, …) read --font-sans/--font-mono, so they retheme automatically; use
   --ig-font-head directly for headings and the wordmark. */
.goodasset {
  --font-sans: var(--ig-font-body);
  --font-mono: var(--ig-font-mono);
  --surface-page: var(--cream);
  --text-body: var(--ink);
  --text-muted: color-mix(in srgb, var(--ink) 45%, transparent);
  --border-control: color-mix(in srgb, var(--ink) 45%, transparent);
  --border-hairline: color-mix(in srgb, var(--ink) 16%, transparent);
  background: var(--cream);
  color: var(--ink);
  font-family: var(--font-sans);
}