:root {
    --brand-dark: #004aad;
    --brand-light: #38b6ff;
    --brand-gradient: linear-gradient(135deg, #004aad 0%, #38b6ff 100%);
}

.brand-bg-gradient {
    background: var(--brand-gradient) !important;
}

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

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

.brand-border {
    border-color: var(--brand-dark) !important;
}

.brand-button {
    background: var(--brand-gradient);
    color: white;
    transition: all 0.3s ease;
}

.brand-button:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}