:root {
  --bg: #f9fbfd;
  --text: #0f172a;
  --muted: #5b6475;
  --muted-strong: #2f394a;
  --primary: #0f9ad6;
  --accent: #6dd3ff;
  --surface: #ffffff;
  --surface2: #e7f2f9;
  --border: #d8e2ec;
}

body { color: var(--text); background: radial-gradient(circle at 20% 20%, #f0f8ff, #f9fbfd 40%), var(--bg); }
.hero { border: 1px solid var(--border); }