@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Outfit:wght@100..900&display=swap');

:root {
  --color-purple-dark: #0a0416;
  --color-purple-deep: #160a2b;
  --color-purple-magical: #4e1a8a;
  --color-gold-glow: #ffd700;
  --color-gold-bright: #ffea70;
  --color-magic-blue: #00e5ff;
  --color-magic-blue-glow: rgba(0, 229, 255, 0.4);
  --color-shield-bubble: rgba(0, 229, 255, 0.2);
  --color-text-light: #f5f0ff;
  --color-text-dark: #2a1b40;
  
  --font-display: 'Fredoka', system-ui, -apple-system, sans-serif;
  --font-body: 'Outfit', system-ui, -apple-system, sans-serif;
  
  --transition-slow: 0.8s;
  --transition-medium: 0.4s;
  --transition-fast: 0.2s;
}

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  user-select: none;
  -webkit-user-drag: none;
}

body {
  background-color: var(--color-purple-dark);
  font-family: var(--font-body);
  color: var(--color-text-light);
  overflow: hidden;
  width: 100vw;
  height: 100vh;
}