/* css/tailwind-utilities.css — Static Tailwind utility classes extracted from the project */
/* Replaces the cdn.tailwindcss.com JIT compiler (~1MB) with only the classes actually used */

/* ─── Layout & Display ─── */
.flex { display: flex; }
.flex-1 { flex: 1 1 0%; }
.flex-col { flex-direction: column; }
.relative { position: relative; }
.fixed { position: fixed; }
.overflow-y-auto { overflow-y: auto; }

/* ─── Positioning ─── */
.bottom-0 { bottom: 0; }
.left-0 { left: 0; }
.right-0 { right: 0; }
.z-50 { z-index: 50; }

/* ─── Sizing ─── */
.max-w-md { max-width: 28rem; /* 448px */ }
.min-h-screen { min-height: 100vh; }

/* ─── Flexbox Alignment ─── */
.items-center { align-items: center; }
.justify-around { justify-content: space-around; }
.justify-between { justify-content: space-between; }

/* ─── Spacing — Padding ─── */
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.py-12 { padding-top: 3rem; padding-bottom: 3rem; }
.pb-20 { padding-bottom: 5rem; }

/* ─── Spacing — Margin ─── */
.mx-auto { margin-left: auto; margin-right: auto; }
.mb-6 { margin-bottom: 1.5rem; }

/* ─── Text ─── */
.text-sm { font-size: 0.875rem; line-height: 1.25rem; }
.text-lg { font-size: 1.125rem; line-height: 1.75rem; }
.text-xl { font-size: 1.25rem; line-height: 1.75rem; }
.text-2xl { font-size: 1.5rem; line-height: 2rem; }
.text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
.text-center { text-align: center; }

/* ─── Font Weight ─── */
.font-sans { font-family: 'Noto Sans KR', sans-serif; }
.font-bold { font-weight: 700; }
.font-semibold { font-weight: 600; }

/* ─── Colors (custom theme) ─── */
.bg-warm-50 { background-color: #FFF7ED; }
.bg-white { background-color: #fff; }
.text-gray-400 { color: #6B7280; }
.text-gray-800 { color: #1F2937; }
.text-primary { color: #6366F1; }
.text-secondary { color: var(--color-text-secondary); }
.text-muted { color: var(--color-text-muted); }

/* ─── Borders ─── */
.border-t { border-top-width: 1px; border-top-style: solid; }
.border-orange-100 { border-color: #FFEDD5; }