:root {
    --forest: #0B2F2A;
    --teal: #107B73;
    --turquoise: #107B73;
    --turquoise-light: hwb(171 10% 16%);
    --winning-gold: #EAB308;
    --light-gray: #F1F5F9;
    --brand-anchor: hwb(171 10% 16%);
    --white: #ffffff;
    --gray-50: #f9fafb;
    --gray-100: #f3f4f6;
    --gray-200: #e5e7eb;
    --gray-400: #9ca3af;
    --gray-500: #6b7280;
    --red-badge: #ef4444;
}

/* Nav wordmark — large visual, fixed slot so the bar height stays the same */
.brand-logo-link {
    display: flex;
    align-items: center;
    text-decoration: none;
    flex-shrink: 0;
}

.brand-logo-slot {
    height: 2.5rem;
    width: 10rem;
    overflow: visible;
    display: block;
    flex-shrink: 0;
}

.brand-logo-mark {
    height: 2.5rem;
    width: 10rem;
    object-fit: contain;
    object-position: left center;
    display: block;
    transform: scale(3.25);
    transform-origin: left center;
}

[data-theme="dark"] {
    --forest: #e2e8f0;
    --light-gray: #0f172a;
    --white: #1e293b;
    --gray-50: #334155;
    --gray-100: #475569;
    --gray-200: #64748b;
    --gray-400: #94a3b8;
    --gray-500: #cbd5e1;
}