@import "bootstrap/dist/css/bootstrap.min.css";
@import "bootstrap-icons/font/bootstrap-icons.css";
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap");

@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
    --radius: 14px;
    --border: #e5e7eb;
    --bg: #f6f8fb;
    --text: #111827;
    --muted: #6b7280;
    --primary: #2563eb;
}

body {
    font-family: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    background: var(--bg);
    color: var(--text);
}

.crm-card {
    border-radius: var(--radius);
    border: 1px solid var(--border);
    background: #fff;
}

/* Hard override legacy dark Tailwind backgrounds/borders for light theme */
.bg-slate-900,
.bg-slate-950,
.bg-slate-900\/60,
.bg-slate-950\/60,
.bg-slate-900\/70,
.bg-slate-950\/70 {
    background-color: #fff !important;
}

.border-slate-800,
.border-slate-700,
.border-slate-900 {
    border-color: var(--border) !important;
}

/* Tailwind legacy text colors on light theme */
.text-slate-100,
.text-slate-200,
.text-slate-300,
.text-slate-400,
.text-slate-500 {
    color: #374151 !important;
}
.text-slate-600,
.text-slate-700,
.text-slate-800,
.text-slate-900 {
    color: #111827 !important;
}