:root {
    --color-primary: #0F2A76;
    --color-secondary: #0F172A;
    --color-primary-contrast: #FFFFFF;
    --color-secondary-contrast: #FFFFFF;
    --portal-template: 'template-1';
    --portal-header-variant: 'header-1';
}

.bg-theme-primary {
    background-color: var(--color-primary);
    color: var(--color-primary-contrast);
}

.bg-theme-secondary {
    background-color: var(--color-secondary);
    color: var(--color-secondary-contrast);
}

.text-theme-primary {
    color: var(--color-primary);
}

.text-theme-secondary {
    color: var(--color-secondary);
}

.text-theme-primary-contrast {
    color: var(--color-primary-contrast);
}

.text-theme-secondary-contrast {
    color: var(--color-secondary-contrast);
}

.btn-theme-primary {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-primary-contrast);
}

.btn-theme-secondary {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
    color: var(--color-secondary-contrast);
}