:root {
    --ad24-blue: #003594;
    --ad24-blue-dark: #002470;
    --ad24-bg-light: #eff4f7;
    --bronze: #00abec;
    --silver: #3f3f3f;
    --gold: #c9a227;
    --gold-dark: #b8860b;
}

.hero-bg {
    background: linear-gradient(135deg, #002470 0%, #003594 40%, #1a6fd4 100%);
}

.bg-ad24 {
    background-color: var(--ad24-blue) !important;
}

.bg-bronze {
    background-color: var(--bronze) !important;
}

.bg-silver {
    background-color: var(--silver) !important;
}

.bg-gold {
    background: linear-gradient(135deg, #b8860b 0%, #c9a227 60%, #e8c84a 100%) !important;
}

.bg-ad24-light {
    background-color: var(--ad24-bg-light) !important;
}

.text-ad24 {
    color: var(--ad24-blue) !important;
}

.text-bronze {
    color: var(--bronze) !important;
}

.text-silver {
    color: var(--silver) !important;
}

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

.border-top-gold {
    border-top: 4px solid var(--gold);
}

.btn-ad24 {
    background: var(--ad24-blue);
    color: #fff;
    border-radius: 0;
    border: none;
    font-weight: 600;
}

    .btn-ad24:hover {
        background: var(--ad24-blue-dark);
        color: #fff;
    }

.btn-ad24-outline {
    color: var(--ad24-blue);
    border: 2px solid var(--ad24-blue);
    border-radius: 0;
    font-weight: 600;
    background: transparent;
}

    .btn-ad24-outline:hover {
        background: var(--ad24-blue);
        color: #fff;
    }

.btn-bronze {
    background: var(--bronze);
    color: #fff;
    border-radius: 0;
    border: none;
}

.btn-silver {
    --bs-btn-disabled-bg: var(--silver);
    --bs-btn-disabled-color: rgba(255, 255, 255, 0.65);
    --bs-btn-disabled-border-color: transparent;
    background: var(--silver);
    color: #fff;
    border-radius: 0;
    border: none;
}

.btn-gold {
    background: linear-gradient(90deg, #b8860b, #c9a227);
    color: #fff;
    border-radius: 0;
    border: none;
}

.card {
    border-radius: 0 !important;
}

    .card:hover {
        transform: translateY(-4px);
        box-shadow: 0 8px 32px rgba(0,53,148,0.14) !important;
    }

.card-header {
    border-radius: 0 !important;
    min-height: 130px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}


.th-standard {
    background: var(--ad24-blue);
    color: #fff;
}

.th-bronze {
    background: var(--bronze);
    color: #fff;
}

.th-silver {
    background: var(--silver);
    color: #fff;
}

.th-gold {
    background: var(--gold);
    color: #fff;
}

/* Strip tier label colours */
.text-enhanced-strip { color: #7de6ff; }
.text-advanced-strip { color: #c8c8c8; }
.text-elite-strip    { color: #f0d060; }

/* Hero decorative icon */
.hero-icon {
    font-size: 9rem;
    opacity: 0.18;
}

/* Premium tier badge */
.badge-premium {
    color: var(--gold-dark);
    font-size: 0.65rem;
}

/* Prose width caps */
.mw-500 { max-width: 500px; }
.mw-520 { max-width: 520px; }

/* Comparison table column widths */
.col-feature { min-width: 220px; }
.col-tier    { min-width: 130px; }

/* Tier subtitle in table header */
.th-subtitle {
    font-size: 0.7rem;
    font-weight: 500;
}