@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --navy: #0a192f;
  --card: #112240;
  --teal: #64ffda;
  --light: #e6f1ff;
  --muted: #8892b0;
}

body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background: var(--navy);
  color: var(--light);
}

h1, h2, h3 {
  font-weight: 700;
  letter-spacing: -0.025em;
}

.teal-btn {
  background: linear-gradient(135deg, #64ffda, #00b4d8);
  color: #0a192f;
  font-weight: 700;
  transition: all 0.3s ease;
}

.teal-btn:hover {
  transform: scale(1.05);
  box-shadow: 0 0 25px rgba(100, 255, 218, 0.5);
}

.card {
  background: var(--card);
  border: 1px solid rgba(100, 255, 218, 0.2);
  transition: all 0.3s ease;
}

.card:hover {
  border-color: #64ffda;
  transform: translateY(-4px);
}