/* Tailwind CDN replacement - custom extensions */
.font-sans { font-family: 'Inter', system-ui, sans-serif; }
.bg-premium, .hover\:bg-premium:hover { background-color: #312e81; }
.bg-premium-dark { background-color: #1e1b4b; }
.bg-premium-light { background-color: #4338ca; }
.bg-sidebar { background-color: #0f172a; }
.bg-sidebar-hover { background-color: #1e293b; }
.bg-sidebar-active { background-color: #312e81; }
.text-premium { color: #312e81; }
.border-premium { border-color: #312e81; }

/* ── Dark-mode: admin content & modals ── */
[data-theme="dark"] body { background: var(--bg-body); }
[data-theme="dark"] .bg-white,
[data-theme="dark"] .bg-slate-50,
[data-theme="dark"] .bg-slate-100 { background-color: var(--bg-card) !important; }
[data-theme="dark"] .text-slate-900,
[data-theme="dark"] .text-slate-800,
[data-theme="dark"] .text-slate-700 { color: var(--text-primary) !important; }
[data-theme="dark"] .text-slate-600,
[data-theme="dark"] .text-slate-500 { color: var(--text-secondary) !important; }
[data-theme="dark"] .text-slate-400 { color: #64748b !important; }
[data-theme="dark"] .border-slate-100,
[data-theme="dark"] .border-slate-200,
[data-theme="dark"] .border-slate-300,
[data-theme="dark"] .divide-slate-100,
[data-theme="dark"] .divide-slate-200 { border-color: var(--border-color) !important; }
[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select { background-color: var(--bg-body) !important; color: var(--text-primary) !important; }
[data-theme="dark"] .placeholder-slate-400::placeholder,
[data-theme="dark"] ::placeholder { color: #64748b !important; }
[data-theme="dark"] .hover\:bg-slate-50:hover,
[data-theme="dark"] .hover\:bg-slate-100:hover { background-color: var(--hover-bg) !important; }
[data-theme="dark"] .hover\:text-slate-600:hover,
[data-theme="dark"] .hover\:text-slate-700:hover,
[data-theme="dark"] .hover\:text-slate-800:hover { color: var(--text-primary) !important; }
[data-theme="dark"] .hover\:text-slate-400:hover,
[data-theme="dark"] .hover\:text-slate-500:hover { color: var(--text-secondary) !important; }