/* AF247 BA Workstation — minimal Tailwind-Play CDN swap-in.
 * For phase 1 we use Tailwind via the Play CDN (loaded by base.html).
 * This file holds only custom overrides + non-Tailwind bits.
 */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
@import url("https://cdn.jsdelivr.net/npm/@tailwindcss/forms@0.5.7/dist/forms.min.css");

html, body {
    font-family: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    -webkit-font-smoothing: antialiased;
}

/* Tailwind via Play CDN — pulled by base.html via JS. We inline a slim subset
 * here so the page is usable before the Play CDN finishes JIT-ing on first paint.
 */
.bg-slate-50    { background:#f8fafc }
.bg-slate-100   { background:#f1f5f9 }
.bg-slate-200   { background:#e2e8f0 }
.bg-slate-700   { background:#334155 }
.bg-slate-900   { background:#0f172a }
.bg-white       { background:#fff }
.bg-amber-50    { background:#fffbeb }
.bg-amber-500   { background:#f59e0b }
.bg-amber-600   { background:#d97706 }
.bg-red-50      { background:#fef2f2 }
.bg-red-600     { background:#dc2626 }
.bg-orange-50   { background:#fff7ed }
.bg-blue-50     { background:#eff6ff }
.bg-blue-500    { background:#3b82f6 }
.bg-green-50    { background:#f0fdf4 }
.bg-green-600   { background:#16a34a }
.bg-yellow-50   { background:#fefce8 }

.text-white     { color:#fff }
.text-slate-300 { color:#cbd5e1 }
.text-slate-400 { color:#94a3b8 }
.text-slate-500 { color:#64748b }
.text-slate-600 { color:#475569 }
.text-slate-700 { color:#334155 }
.text-slate-900 { color:#0f172a }
.text-amber-300 { color:#fcd34d }
.text-amber-700 { color:#b45309 }
.text-red-600   { color:#dc2626 }
.text-red-800   { color:#991b1b }
.text-orange-700{ color:#c2410c }
.text-blue-600  { color:#2563eb }
.text-green-600 { color:#16a34a }
.text-green-700 { color:#15803d }

.font-sans      { font-family:"Inter", ui-sans-serif, system-ui, -apple-system, sans-serif }
.font-medium    { font-weight:500 }
.font-semibold  { font-weight:600 }
.font-bold      { font-weight:700 }

.rounded-md     { border-radius:.375rem }
.rounded-xl     { border-radius:.75rem }
.rounded-full   { border-radius:9999px }

/* Pull Tailwind Play (JIT) once interactive — small bundle, dev-friendly */