/* Tesseract · Hyperspace · Sora. Every template reads only these tokens. */
@import url("https://fonts.googleapis.com/css2?family=Sora:wght@300..800&display=swap");
:root {
  color-scheme: dark;
  --accent: #7C9CFF;
  --accent-2: #FF6AD5;
  --on-accent: #111111;
  --bg: #070912;
  --surface: #171922;
  --text: #E6E9F5;
  --muted: #82848F;
  --line: #242630;
  --accent-text: #7C9CFF;
  --field-line: #5E616B;
  --font-display: 'Sora', system-ui, sans-serif;
  --font-body: 'Sora', system-ui, sans-serif;
  --display-stretch: 100%;
  --display-scale: 1;
  --radius: 10px;
  --radius-lg: 16px;
  --space: 1;
  --border-w: 1px;
  --text-scale: 1;
  --head-scale: 1;
}
/* Wrap pages in: <div class="fh" data-style="tesseract" data-mode="dark" data-card="warp" data-button="warp" data-bg="tesseract" data-headline="plain" data-motion="full"> */