@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&family=Outfit:wght@300;400;500;600;700&display=swap');

:root {
  --color-primary: #8A2BE2; /* Neon Purple */
  --color-secondary: #00FFFF; /* Cyber Cyan / Cyan Blue */
  --color-bg: #0D0D0C; /* Midnight Charcoal */
  --color-text: #FDFDFD; /* White Light */
  --color-text-muted: #9E9E9F;
  --color-dark-card: #1A1A19;
  --color-border: #2C2C2B;
  
  --shadow-soft: 0 20px 50px -10px rgba(138, 43, 226, 0.15), 0 0 1px rgba(138, 43, 226, 0.25);
  --shadow-neon-purple: 0 0 15px rgba(138, 43, 226, 0.6);
  --shadow-neon-cyan: 0 0 15px rgba(0, 255, 255, 0.6);
  
  --radius-card: 12px;
  --radius-pill: 100px;
  
  --font-family: 'Outfit', 'Noto Sans KR', sans-serif;
  --letter-spacing-global: -0.03em;
}

body {
  font-family: var(--font-family);
  background-color: var(--color-bg);
  color: var(--color-text);
  letter-spacing: var(--letter-spacing-global);
}