:root {
    --brand-primary: #002155;
    --brand-primary-hover: #001a44;
    --brand-primary-light: #e8eef5;
    --brand-accent: #0d4a8f;
    --text-heading: #0a1628;
    --text-body: #4a5568;
    --surface: #ffffff;
    --border: rgba(0, 33, 85, 0.12);
    --thm-primary: #002155;
    --thm-base: #0d4a8f;
}

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

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

.btn-brand {
    display: inline-block;
    font-weight: 600;
    text-align: center;
    padding: 0 28px;
    line-height: 46px;
    border-radius: 8px;
    background: var(--brand-primary);
    color: #fff;
    border: 1px solid var(--brand-primary);
    transition: all 0.25s ease;
}

.btn-brand:hover {
    background: var(--brand-primary-hover);
    border-color: var(--brand-primary-hover);
    color: #fff;
}