/* EB 2028 Tippjáték - az UEFA Euro 2028 logó színvilágára hangolt Bootstrap-felülírás */
:root {
    --brand-navy: #21058f;
    --brand-magenta: #fc0064;
    --brand-cyan: #089af9;
    --brand-green: #00c878;

    --bs-primary: var(--brand-magenta);
    --bs-primary-rgb: 252, 0, 100;
    --bs-dark: var(--brand-navy);
    --bs-dark-rgb: 33, 5, 143;
    --bs-link-color: var(--brand-cyan);
    --bs-link-color-rgb: 8, 154, 249;
    --bs-link-hover-color: #0578c4;
    --bs-link-hover-color-rgb: 5, 120, 196;
}

.btn-primary {
    --bs-btn-bg: var(--brand-magenta);
    --bs-btn-border-color: var(--brand-magenta);
    --bs-btn-hover-bg: #d10054;
    --bs-btn-hover-border-color: #d10054;
    --bs-btn-active-bg: #b30049;
    --bs-btn-active-border-color: #b30049;
    --bs-btn-disabled-bg: var(--brand-magenta);
    --bs-btn-disabled-border-color: var(--brand-magenta);
}

.navbar-dark {
    --bs-navbar-hover-color: var(--brand-cyan);
    --bs-navbar-active-color: var(--brand-cyan);
}

.navbar-brand {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.navbar-brand img {
    height: 40px;
    width: auto;
}

.table > thead.table-light {
    --bs-table-bg: var(--brand-navy);
    --bs-table-color: #fff;
    --bs-table-border-color: rgba(255, 255, 255, 0.2);
}

.table > thead.table-light th {
    color: #fff;
    border-bottom-width: 0;
}

.table-bordered {
    border-color: rgba(33, 5, 143, 0.15);
}

.table-bordered > :not(caption) > * {
    border-color: rgba(33, 5, 143, 0.15);
}

.brand-stripe {
    height: 4px;
    background: linear-gradient(
        90deg,
        var(--brand-navy) 0 25%,
        var(--brand-magenta) 25% 50%,
        var(--brand-cyan) 50% 75%,
        var(--brand-green) 75% 100%
    );
}