/* Sigoverse static marketing/SEO pages — shared brand tokens.
   Extracted from ~14 pages that each duplicated this same :root block
   inline, which is how they drifted apart (e.g. one page's --blue no
   longer matched the others). This is this static site's own token set,
   deliberately different from the React app's src/styles/styles.css —
   --blue here is a real blue used in this site's 3-stop hero gradient,
   not the app's purple alias. Do not try to unify the two. */
:root {
  --bg: #06030a;
  --surface: #120b15;
  --surface-2: #1c1020;
  --line: rgba(255, 255, 255, 0.1);
  --line-2: rgba(255, 46, 154, 0.3);
  --ink: #fff;
  --ink-2: rgba(255, 255, 255, 0.72);
  --ink-3: rgba(255, 255, 255, 0.46);
  --pink: #ff2e9a;
  --violet: #b026ff;
  --blue: #2f9bff;
  --lime: #19e57f;
  --grad: linear-gradient(115deg, #ff2e9a 0%, #b026ff 55%, #2f9bff 100%);
  --grad-pink: linear-gradient(120deg, #ff2e9a, #b026ff);
  --grad-blue: linear-gradient(120deg, #2f9bff, #7a4dff);
  --font-display: "Bricolage Grotesque", sans-serif;
  --font-body: "Space Grotesk", sans-serif;
  --font-mono: "Space Mono", monospace;
}