/* Bootstrap remains the component system. Identity variables come from validated settings. */
.site-brand-logo { max-height: 32px; max-width: 100px; width: auto; object-fit: contain; }
.btn-primary { --bs-btn-bg: var(--site-primary); --bs-btn-border-color: var(--site-primary); --bs-btn-hover-bg: color-mix(in srgb, var(--site-primary) 85%, black); --bs-btn-hover-border-color: color-mix(in srgb, var(--site-primary) 80%, black); --bs-btn-active-bg: color-mix(in srgb, var(--site-primary) 80%, black); --bs-btn-active-border-color: color-mix(in srgb, var(--site-primary) 75%, black); --bs-btn-disabled-bg: var(--site-primary); --bs-btn-disabled-border-color: var(--site-primary); --bs-btn-focus-shadow-rgb: var(--site-primary-rgb); }
.btn-outline-primary { --bs-btn-color: var(--site-primary); --bs-btn-border-color: var(--site-primary); --bs-btn-hover-bg: var(--site-primary); --bs-btn-hover-border-color: var(--site-primary); --bs-btn-active-bg: var(--site-primary); --bs-btn-active-border-color: var(--site-primary); --bs-btn-focus-shadow-rgb: var(--site-primary-rgb); }
.btn-secondary { --bs-btn-bg: var(--site-secondary); --bs-btn-border-color: var(--site-secondary); --bs-btn-hover-bg: color-mix(in srgb, var(--site-secondary) 85%, black); --bs-btn-hover-border-color: color-mix(in srgb, var(--site-secondary) 80%, black); --bs-btn-active-bg: color-mix(in srgb, var(--site-secondary) 80%, black); --bs-btn-active-border-color: color-mix(in srgb, var(--site-secondary) 75%, black); --bs-btn-disabled-bg: var(--site-secondary); --bs-btn-disabled-border-color: var(--site-secondary); }
.btn-outline-secondary { --bs-btn-color: var(--site-secondary); --bs-btn-border-color: var(--site-secondary); --bs-btn-hover-bg: var(--site-secondary); --bs-btn-hover-border-color: var(--site-secondary); --bs-btn-active-bg: var(--site-secondary); --bs-btn-active-border-color: var(--site-secondary); }
a:hover { color: color-mix(in srgb, var(--site-primary) 80%, black); }
.form-control:focus, .form-select:focus { border-color: color-mix(in srgb, var(--site-primary) 50%, white); box-shadow: 0 0 0 .25rem rgba(var(--site-primary-rgb), .25); }
.form-check-input:checked { background-color: var(--site-primary); border-color: var(--site-primary); }