/* ============================================================
   Landly 디자인 토큰 + 기본 스타일 (인라인 style="var(--*)" 참조용)
   Tailwind 유틸리티는 app.css 에서 생성된다.
   ============================================================ */
:root {
  color-scheme: light only;
  --background: #ffffff;
  --foreground: #0D1F3C;
  --card: #ffffff;
  --card-foreground: #0D1F3C;
  --popover: #ffffff;
  --popover-foreground: #0D1F3C;
  --primary: #0F2F6B;
  --primary-foreground: #ffffff;
  --secondary: #EEF3FF;
  --secondary-foreground: #0F2F6B;
  --muted: #F5F7FA;
  --muted-foreground: #4E5E80;
  --accent: #2563EB;
  --accent-foreground: #ffffff;
  --destructive: #d4183d;
  --border: rgba(15, 47, 107, 0.12);
  --ring: #2563EB;
  --radius: 0.625rem;
  --navy-900: #0F2F6B;
  --navy-dark: #0D1F3C;
  --green-accent: #10B981;
  --text-shadow-default: 0 0 0.6px rgba(0, 0, 0, 0.14), 0 1px 2px rgba(0, 0, 0, 0.08);
  --text-shadow-on-dark: 0 1px 3px rgba(0, 0, 0, 0.45), 0 0 0.8px rgba(0, 0, 0, 0.3);
}

/* OS 다크모드여도 항상 라이트 유지 */
@media (prefers-color-scheme: dark) {
  :root { color-scheme: light; }
}

html { color-scheme: light only; }

body {
  background-color: var(--background);
  color: var(--foreground);
  font-family: var(--font-sans);
  text-shadow: var(--text-shadow-default);
  -webkit-font-smoothing: antialiased;
}

/* 어두운 배경 섹션은 더 강한 텍스트 섀도우 */
.section-dark { text-shadow: var(--text-shadow-on-dark); }

/* 원본 Tailwind base 재현: 테두리 기본색을 토큰으로 */
*, ::before, ::after { border-color: var(--border); }

/* 기본 제목 크기(유틸리티 클래스로 대부분 override 됨) */
h1 { font-size: 1.5rem; line-height: 1.5; font-weight: 600; }
h2 { font-size: 1.25rem; line-height: 1.5; font-weight: 600; }
h3 { font-size: 1.125rem; line-height: 1.5; font-weight: 600; }
h4 { font-size: 1rem; line-height: 1.5; font-weight: 600; }