/* Shared design tokens — included by all teal-theme pages */
:root {
  --bg: #0a0e1a; --surface: #111827; --card: #1a2235;
  --accent: #00d4aa; --accent2: #ff6b35; --accent3: #ffd60a;
  --purple: #7c3aed; --text: #e8edf5; --muted: #8b95a8;
  --border: rgba(0,212,170,0.15);
}
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { overflow-x:hidden; }
body { background:var(--bg); color:var(--text); overflow-x:hidden; }
body::before {
  content:''; position:fixed; inset:0;
  background-image:
    linear-gradient(rgba(0,212,170,0.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,212,170,0.03) 1px,transparent 1px);
  background-size:40px 40px; pointer-events:none; z-index:0;
}