:root { --primary-color: #4F46E5; --secondary-color: #10B981; --accent-color: #F59E0B; --bg-color: #F3F4F6; --text-color: #111827; --font-family-headings: 'Poppins', sans-serif; --font-family-body: 'Inter', sans-serif; } body { background-color: var(--bg-color); color: var(--text-color); font-family: var(--font-family-body); } h1, h2, h3, h4, h5, h6 { font-family: var(--font-family-headings); } .bg-primary { background-color: var(--primary-color) !important; } .btn-primary { background-color: var(--primary-color); border-color: var(--primary-color); } .btn-primary:hover { opacity: 0.9; background-color: var(--primary-color); border-color: var(--primary-color); } .btn-secondary { background-color: var(--secondary-color); border-color: var(--secondary-color); } .btn-secondary:hover { opacity: 0.9; background-color: var(--secondary-color); border-color: var(--secondary-color); } .text-accent { color: var(--accent-color); } .table { --bs-table-bg: #fff; --bs-table-striped-bg: #f9f9f9; }