/* Data Dashboard · Ocean · Space Grotesk. Every template reads only these tokens. */
@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400..700&display=swap");
:root {
  color-scheme: dark;
  --accent: #38BDF8;
  --accent-2: #38BDF8;
  --on-accent: #111111;
  --bg: #0A1420;
  --surface: #111E2D;
  --text: #E5EEF7;
  --muted: #9AABBD;
  --line: #1F3044;
  --font-display: 'Space Grotesk', system-ui, sans-serif;
  --font-body: 'Space Grotesk', system-ui, sans-serif;
  --display-stretch: 100%;
  --display-scale: 1;
  --radius: 10px;
  --radius-lg: 16px;
  --space: 0.8;
  --border-w: 1px;
}
/* Wrap pages in: <div class="fh" data-style="dashboard" data-mode="dark" data-card="outlined" data-button="solid" data-bg="grid" data-headline="plain" data-motion="subtle" data-readouts> */