/* Base Styles */
:root {
  --background: 0 0% 100%;
  --foreground: 222.2 84% 4.9%;
  --primary: 222.2 47.4% 11.2%; /* Deep Navy */
  --accent: 35 92% 33%;        /* Gold/Earth tone */
  --card: 0 0% 100%;
  --border: 214.3 31.8% 91.4%;
  --radius: 0.75rem;
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans KR', sans-serif;
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
}

.hero-gradient {
  background: linear-gradient(to bottom, rgba(15, 23, 42, 0.05), transparent);
}

/* Tailwind CSS와 함께 사용할 추가 스타일 */
.screen {
    display: none;
}

.screen.active {
    display: block;
}

/* 모바일 반응형 */
@media (max-width: 768px) {
    .max-w-md {
        padding: 1.5rem;
    }
    
    .max-w-2xl {
        padding: 1rem;
    }
}