/* Kinetic Type · Mono and red · Syne + DM Sans. Every template reads only these tokens. */
@import url("https://fonts.googleapis.com/css2?family=Syne:wght@400..800&family=DM+Sans:opsz,wght@9..40,400..800&display=swap");
:root {
  color-scheme: light;
  --accent: #D93300;
  --accent-2: #0A0A0A;
  --on-accent: #FFFFFF;
  --bg: #F2F2F0;
  --surface: #FFFFFF;
  --text: #0A0A0A;
  --muted: #4A4A4A;
  --line: #0A0A0A;
  --font-display: 'Syne', system-ui, sans-serif;
  --font-body: 'DM Sans', system-ui, sans-serif;
  --display-stretch: 100%;
  --display-scale: 1;
  --radius: 2px;
  --radius-lg: 4px;
  --space: 1;
  --border-w: 2px;
}
/* Wrap pages in: <div class="fh" data-style="kinetic" data-mode="light" data-card="outlined" data-button="solid" data-bg="plain" data-headline="outline" data-motion="full"> */