@import "tailwindcss";

@theme {
  --color-corporate-blue: #001e36;
  --color-accent-cyan: #00a4e4;
}

html { scroll-behavior: smooth; }

body {
  background: white;
  color: #1f2937;
  font-family: 'Inter', sans-serif;
}

.hero-bg {
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
}

.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: all .8s ease;
}

.reveal.show {
  opacity: 1;
  transform: translateY(0);
}