/* Shared design tokens — extracted from landing/index.html :root.
   Keep in sync with index.html if either changes. */
:root {
  --bg: #0a0e1a;
  --bg-elev: #0f1422;
  --text: #f1f5f9;
  --text-soft: #cbd5e1;
  --text-muted: #94a3b8;
  --line: rgba(255,255,255,0.06);

  --primary: #06b6d4;
  --accent:  #22d3ee;
  --deep:    #6366f1;
  --hi:      #67e8f9;
  --tint:    rgba(6,182,212,0.10);

  --grad: linear-gradient(135deg, #06b6d4 0%, #22d3ee 50%, #6366f1 100%);
  --grad-text: linear-gradient(135deg, #67e8f9 0%, #22d3ee 45%, #818cf8 100%);
  --grad-glow: radial-gradient(ellipse at 30% 20%, rgba(6,182,212,0.22) 0%, transparent 55%),
               radial-gradient(ellipse at 70% 80%, rgba(99,102,241,0.18) 0%, transparent 55%);

  --radius: 22px;
  --radius-pill: 999px;
  --max-w: 1200px;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  background: var(--bg);
  color: var(--text);
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  font-feature-settings: 'cv11', 'ss01';
  -webkit-font-smoothing: antialiased;
  line-height: 1.55;
  overflow-x: hidden;
}
.mono { font-family: 'JetBrains Mono', ui-monospace, monospace; }
.container { max-width: var(--max-w); margin: 0 auto; padding: 0 24px; }
a { color: inherit; }
img { max-width: 100%; height: auto; display: block; }