:root {
  --bg: #0c0c1a;
  --surface: #14142b;
  --surface2: #1c1c3a;
  --border: #26265a;
  --text: #e0e0f4;
  --muted: #5858a0;
  --accent: #7c6fff;
  --accent-light: #a78bfa;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --px: clamp(20px, 4vw, 72px);
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  background: var(--bg);
  color: var(--text);
  font-family: -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Noto Sans KR', 'Segoe UI', sans-serif;
  min-height: 100vh;
}
