/* Custom styles with Tailwind utility classes */
/* Brand variables (from docs/branding.md) */
:root {
  --primary-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
  --bg-primary: linear-gradient(135deg, #0a0a0f 0%, #1a1a2e 50%, #16213e 100%);
  --text-primary: #ffffff;
}

/* Gradient text utility */
.gradient-text {
  background: var(--primary-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Base styles */
body {
  font-family: 'Inter', sans-serif;
  background-color: #f9fafb;
}

/* Primary colors */
.bg-primary-50 { background-color: #f0f9ff; }
.bg-primary-100 { background-color: #e0f2fe; }
.bg-primary-200 { background-color: #bae6fd; }
.bg-primary-300 { background-color: #7dd3fc; }
.bg-primary-400 { background-color: #38bdf8; }
.bg-primary-500 { background-color: #0ea5e9; }
.bg-primary-600 { background-color: #0284c7; }
.bg-primary-700 { background-color: #0369a1; }
.bg-primary-800 { background-color: #075985; }
.bg-primary-900 { background-color: #0c4a6e; }
.bg-primary-950 { background-color: #082f49; }

.text-primary-50 { color: #f0f9ff; }
.text-primary-100 { color: #e0f2fe; }
.text-primary-200 { color: #bae6fd; }
.text-primary-300 { color: #7dd3fc; }
.text-primary-400 { color: #38bdf8; }
.text-primary-500 { color: #0ea5e9; }
.text-primary-600 { color: #0284c7; }
.text-primary-700 { color: #0369a1; }
.text-primary-800 { color: #075985; }
.text-primary-900 { color: #0c4a6e; }
.text-primary-950 { color: #082f49; }

/* Secondary colors */
.bg-secondary-50 { background-color: #f5f3ff; }
.bg-secondary-100 { background-color: #ede9fe; }
.bg-secondary-200 { background-color: #ddd6fe; }
.bg-secondary-300 { background-color: #c4b5fd; }
.bg-secondary-400 { background-color: #a78bfa; }
.bg-secondary-500 { background-color: #8b5cf6; }
.bg-secondary-600 { background-color: #7c3aed; }
.bg-secondary-700 { background-color: #6d28d9; }
.bg-secondary-800 { background-color: #5b21b6; }
.bg-secondary-900 { background-color: #4c1d95; }
.bg-secondary-950 { background-color: #2e1065; }

.text-secondary-50 { color: #f5f3ff; }
.text-secondary-100 { color: #ede9fe; }
.text-secondary-200 { color: #ddd6fe; }
.text-secondary-300 { color: #c4b5fd; }
.text-secondary-400 { color: #a78bfa; }
.text-secondary-500 { color: #8b5cf6; }
.text-secondary-600 { color: #7c3aed; }
.text-secondary-700 { color: #6d28d9; }
.text-secondary-800 { color: #5b21b6; }
.text-secondary-900 { color: #4c1d95; }
.text-secondary-950 { color: #2e1065; }

/* Animation classes */
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: .5;
  }
}