:root {
  --background: #0A0A0A;
  --foreground: #F5F5F5;
  --card: #141414;
  --card-foreground: #F5F5F5;
  --primary: #E53935;
  --primary-foreground: #FFFFFF;
  --primary-glow: #FF4C4C;
  --muted: #1A1A1A;
  --muted-foreground: #A3A3A3;
  --border: #262626;
  --input: #1A1A1A;
  
  --shadow-glow: 0 0 20px rgba(229, 57, 53, 0.4);
  --shadow-glow-strong: 0 0 40px rgba(229, 57, 53, 0.7);
  --gradient-hero: radial-gradient(ellipse at top, rgba(229, 57, 53, 0.15) 0%, transparent 60%), linear-gradient(180deg, #0A0A0A 0%, #111111 100%);
}

html, body {
  background-color: var(--background);
  color: var(--foreground);
  font-family: 'Inter', system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4 {
  font-family: 'Montserrat', 'Inter', sans-serif;
  letter-spacing: -0.02em;
}

@keyframes fade-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes slide-up { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: translateY(0); } }

.animate-fade-in { animation: fade-in 0.6s ease-out both; }
.animate-slide-up { animation: slide-up 0.7s cubic-bezier(0.2, 0.8, 0.2, 1) both; }