@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;800&family=Merriweather:ital,wght@0,300;0,400;0,900;1,300&display=swap');
/* Calcula colores más oscuros y más claros a partir de --bs-primary */
:root {

    --bs-primary: #f57c40;
    --bs-primary-rgb: 245, 124, 64;
    --bs-secondary: #6c757d;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success: #28a745;
    --bs-danger: #dc3545;
    --bs-warning: #ffc107;
    --bs-info: #17a2b8;
    --bs-light: #f2eee3;
    --bs-light-rgb: 242, 238, 227;
    --bs-dark: #254966;
    --bs-dark-rgb: 37, 73, 102;
    --bs-body-font-family: 'Jost',system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    --bs-font-sans-serif: 'Merriweather',system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-font-size-base: 1rem;
    --bs-line-height-base: 1.5;
    --bs-btn-outline-primary: #f57c40; /* Color original */
    --bs-btn-outline-primary-darker: darken(var(--bs-primary), 10%); /* Color más oscuro */
    --bs-btn-outline-primary-lighter: lighten(var(--bs-primary), 10%); /* Color más claro */
}

h1,h2,h3,h4,h5,button,.btn{
    font-family: var(--bs-font-sans-serif);
    font-weight: 900;
}

.btn:hover {
    filter: brightness(1.1);
    transition: all .1s ease-in-out;
}
/* Aplica los colores calculados a .btn-outline-primary */
.btn-outline-primary {
    color: var(--bs-primary);
    border-color: var(--bs-primary);


}

.btn-outline-primary:hover {
    background-color: var(--bs-primary);
    border-color: var(--bs-btn-outline-primary-darker);
}
.btn-check+.btn:hover {
    color: var(--bs-light);
    background-color: var(--bs-primary);
    border-color: var(--bs-btn-outline-primary-darker);
}
.btn-outline-primary:active,
.btn-outline-primary:focus {
    background-color: var(--bs-btn-outline-primary-darker);
    border-color: var(--bs-btn-outline-primary-darker);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: var(--bs-primary);
    border-color: var(--bs-primary);
}