:root {
    --primary: #0042B2;
    --secondary: #90a1b9;
    --success: #00d492;
    --warning: #fe9a00;
    --danger: #ec003f;
    --info: #00d3f2;
    --dark: #101828;
    --accent: #00cba6;
}

.btn-warning {
    --bs-btn-bg: var(--warning);
    --bs-btn-active-color: white;
    --bs-btn-hover-color: white;
    --bs-btn-hover-bg: color-mix(in srgb, var(--warning), transparent 15%);
    --bs-btn-hover-border-color: color-mix(in srgb, var(--warning), transparent 15%);
    --bs-btn-active-bg: color-mix(in srgb, var(--warning), transparent 50%);
    --bs-btn-active-border-color: color-mix(in srgb, var(--warning), transparent 50%);
}