:root { --color-primary: #0d6efd; --color-secondary: #6c757d; --color-dark: #212529; --color-light: #f8f9fa; --font-body: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --font-heading: 'Playfair Display', Georgia, Cambria, serif; } body { font-family: var(--font-body); color: var(--color-dark); background: var(--color-light); } h1, h2, h3, h4, h5, h6, .navbar-brand, .site-logo-text, .hero h1, .hero h2 { font-family: var(--font-heading); } .btn-primary, .bg-primary { background-color: var(--color-primary) !important; border-color: var(--color-primary) !important; } .text-primary { color: var(--color-primary) !important; } .navbar-brand, .site-logo { max-height: 48px; } a { color: var(--color-primary); } a:hover { color: var(--color-secondary); }