/* HSA eVote — Brand identity & Bootstrap overrides */

:root {
    --hsa-gold: #F5B800;
    --hsa-gold-dark: #C89400;
    --hsa-gold-darker: #A67C00;
    --hsa-gold-light: #FFF8E1;
    --hsa-gold-muted: rgba(245, 184, 0, 0.15);
    --hsa-black: #1A1A1A;
    --hsa-black-soft: #2D2D2D;
    --hsa-gray: #6B6B6B;
    --hsa-gray-light: #F5F3EF;
    --hsa-white: #FFFFFF;

    --evote-primary: var(--hsa-gold);
    --evote-primary-dark: var(--hsa-gold-dark);
    --evote-success: #198754;
    --evote-danger: #dc3545;
    --evote-bg: var(--hsa-gray-light);
    --evote-card-radius: 1rem;
    --evote-touch-min: 48px;
    --evote-safe-bottom: env(safe-area-inset-bottom, 0px);
    --evote-safe-top: env(safe-area-inset-top, 0px);
    --vote-sticky-footer-offset: 9rem;
    --vote-sticky-footer-buffer: 1.25rem;

    --bs-primary: var(--hsa-gold);
    --bs-primary-rgb: 245, 184, 0;
    --bs-primary-text-emphasis: #624E00;
    --bs-primary-bg-subtle: var(--hsa-gold-light);
    --bs-primary-border-subtle: #FFE082;
    --bs-link-color: var(--hsa-gold-darker);
    --bs-link-hover-color: var(--hsa-gold-dark);
    --bs-focus-ring-color: rgba(245, 184, 0, 0.35);
}

.btn-primary {
    --bs-btn-color: var(--hsa-black);
    --bs-btn-bg: var(--hsa-gold);
    --bs-btn-border-color: var(--hsa-gold);
    --bs-btn-hover-color: var(--hsa-black);
    --bs-btn-hover-bg: #E0A800;
    --bs-btn-hover-border-color: #E0A800;
    --bs-btn-active-color: var(--hsa-black);
    --bs-btn-active-bg: var(--hsa-gold-dark);
    --bs-btn-active-border-color: var(--hsa-gold-dark);
    --bs-btn-disabled-color: #888;
    --bs-btn-disabled-bg: #E8E8E8;
    --bs-btn-disabled-border-color: #E8E8E8;
    font-weight: 600;
}

.btn-outline-primary {
    --bs-btn-color: var(--hsa-gold-darker);
    --bs-btn-border-color: var(--hsa-gold);
    --bs-btn-hover-color: var(--hsa-black);
    --bs-btn-hover-bg: var(--hsa-gold);
    --bs-btn-hover-border-color: var(--hsa-gold);
    --bs-btn-active-color: var(--hsa-black);
    --bs-btn-active-bg: var(--hsa-gold-dark);
    --bs-btn-active-border-color: var(--hsa-gold-dark);
}

.text-primary {
    color: var(--hsa-gold-darker) !important;
}

.bg-primary {
    background-color: var(--hsa-gold) !important;
    color: var(--hsa-black) !important;
}

.btn-hsa-outline {
    color: var(--hsa-gold);
    border: 1px solid var(--hsa-gold);
    background: transparent;
    border-radius: 0.375rem;
    padding: 0.25rem 0.75rem;
    transition: background 0.2s, color 0.2s;
}

.btn-hsa-outline:hover,
.btn-hsa-outline:focus {
    background: var(--hsa-gold);
    color: var(--hsa-black);
    border-color: var(--hsa-gold);
}

.hsa-logo-full {
    display: block;
    max-width: min(300px, 88vw);
    height: auto;
    margin: 0 auto;
}

.hsa-logo-icon {
    height: 38px;
    width: auto;
    flex-shrink: 0;
}

@media (min-width: 768px) {
    .hsa-logo-icon { height: 42px; }
    .hsa-logo-full { max-width: 340px; }
}