:root { --font-body: 'Inter', sans-serif; --font-heading: 'Playfair Display', serif; }
body { font-family: var(--font-body); background-color: var(--bs-body-bg); color: var(--bs-body-color); }
h1,h2,h3 { font-family: var(--font-heading); }
.group-hover:hover .card-img-top { transform: scale(1.05); transition: transform 0.3s; }
[data-bs-theme="dark"] body { background-color: #121212; color: #ccc; }
[data-bs-theme="dark"] .card { background-color: #1e1e1e; border-color: #333; }