:root {
  --bg-color: #06060e;
  --surface-color: #0d0b1a;
  --text-color: #e2e0f0;
  --muted-color: #8b89a6;
  --soft-muted: #6b6982;
  --primary-color: #633ef8;
  --secondary-color: #a78bfa;
  --white: #ffffff;
  --success-color: #28c840;
  --whatsapp-color: #25d366;
  --star-color: #facc15;
  --nav-bg: rgba(6, 6, 14, 0.85);
  --border-soft: rgba(255, 255, 255, 0.05);
  --border-primary-soft: rgba(99, 62, 248, 0.12);
  --border-primary-medium: rgba(99, 62, 248, 0.25);
  --shadow-primary: rgba(99, 62, 248, 0.15);
  --shadow-whatsapp: rgba(37, 211, 102, 0.4);
  --font-size-base: 16px;
}

html,
body {
  height: 100%;
  margin: 0;
  scroll-behavior: smooth;
}

body {
  box-sizing: border-box;
  background-color: var(--bg-color);
  color: var(--text-color);
  font-size: var(--font-size-base);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-20px) scale(1.05);
  }
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}