:root {
    color-scheme: light;
    --brand-navy: #1B2A4A;
    --brand-navy-hover: #243656;
    --brand-orange: #E8952C;
    --brand-orange-hover: #d68420;
    --brand-soft-bg: #FDF4E7;
    --brand-soft-fg: #8C5A14;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    font-weight: 600;
}

.badge {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.5rem;
    border-radius: 9999px;
    font-size: 0.75rem;
}

/* Brand utilities (Tailwind 2 CDN does not support arbitrary colors) */
.bg-brand { background-color: var(--brand-navy); color: #fff; }
.bg-brand:hover, .hover\:bg-brand:hover { background-color: var(--brand-navy-hover); }
.text-brand { color: var(--brand-navy); }
.border-brand { border-color: var(--brand-navy); }
.ring-brand { box-shadow: 0 0 0 2px rgba(27, 42, 74, 0.18); }

.btn-brand { background-color: var(--brand-navy); color: #fff; }
.btn-brand:hover { background-color: var(--brand-navy-hover); }
.btn-brand-outline { color: var(--brand-navy); border: 1px solid var(--brand-navy); background-color: transparent; }
.btn-brand-outline:hover { background-color: var(--brand-navy); color: #fff; }
.btn-accent { background-color: var(--brand-orange); color: #fff; }
.btn-accent:hover { background-color: var(--brand-orange-hover); }

.bg-brand-soft { background-color: var(--brand-soft-bg); color: var(--brand-soft-fg); }
.text-brand-soft { color: var(--brand-soft-fg); }

/* Status pill helpers (Tailwind 2 lacks emerald/amber ring opacity) */
.pill { display:inline-flex; align-items:center; gap:0.375rem; padding:0.125rem 0.625rem; border-radius:9999px; font-size:0.75rem; font-weight:500; }
.pill-emerald { background:#ECFDF5; color:#047857; border:1px solid #A7F3D0; }
.pill-amber   { background:#FFFBEB; color:#92400E; border:1px solid #FDE68A; }
.pill-slate   { background:#F1F5F9; color:#334155; border:1px solid #E2E8F0; }
.pill-rose    { background:#FEF2F2; color:#9F1239; border:1px solid #FECACA; }