/* Design tokens: keep visual decisions in one place. */
:root {
  --bg: #06101d;
  --bg-2: #091827;
  --surface: #0d1c2d;
  --surface-2: #102438;
  --line: rgba(255, 255, 255, 0.09);
  --text: #f7fbff;
  --muted: #9db0c5;
  --blue: #48a7ff;
  --cyan: #54e5ff;
  --violet: #8c6cff;
  --green: #62e6aa;
  --danger: #ff7e8d;
  --shadow: 0 28px 80px rgba(0, 0, 0, 0.32);
  --radius: 24px;
  --radius-sm: 16px;
  --content-max: 1760px;
  --page-gutter: clamp(28px, 4vw, 76px);
}