/*Estilos de button custom para los botones del proyecto
    en caso de que no se requiera, no se incluya sobre el proyecto
*/
:root {
    --primary-color: #e695d8;
    --primary-color-hover: #df7ccf;
    --primary-color-active: #d663c6;
    --primary-color-disabled: #f3caea;
    --primary-text-color: black;
    --primary-text-color-active: white;
}
/* BUTTOM promary CUSTOM - CAMBIAR COLORES */
.btn-primary {
    --bs-btn-bg: var(--primary-color) !important;
    --bs-btn-border-color: var(--primary-color) !important;
    --bs-btn-hover-bg: var(--primary-color-hover) !important;
    --bs-btn-hover-border-color: var(--primary-color-hover) !important;
    --bs-btn-active-bg: var(--primary-color-active) !important;
    --bs-btn-active-border-color: var(--primary-color-active) !important;
    --bs-btn-color: var(--primary-text-color) !important;
    --bs-btn-active-color: var(--primary-text-color-active) !important;
    --bs-btn-hover-color: var(--primary-text-color) !important;
    --bs-btn-disabled-color: var(--primary-text-color) !important;
    --bs-btn-disabled-bg: var(--primary-color-disabled) !important;
    --bs-btn-disabled-border-color: var(--primary-text-color) !important;
}


.btn-primary:focus,
.btn-primary.focus{
    box-shadow: 0 0 0 0.25rem rgba(var(--primary-color), 0.5);
}
/* Radio CUSTOM - CAMBIAR COLORES */
/* Color base */
.form-check-input[type="radio"]:checked {
    background-color: #e695d8;
    border-color: #e695d8;
}

/* Hover state */
.form-check-input[type="radio"]:hover {
    border-color: #d784c5;
}

/* Focus state */
.form-check-input[type="radio"]:focus {
    box-shadow: 0 0 0 0.25rem rgba(230, 149, 216, 0.5);
}

/* Disabled state */
.form-check-input[type="radio"]:disabled {
    
    border-color: #c77fb9;
}

/* CHECKBOX CUSTOM - CAMBIAR COLORES */
/* Color base */
.form-check-input[type="checkbox"]:checked {
    background-color: #e695d8;
    border-color: #e695d8;
}

/* Hover state */
.form-check-input[type="checkbox"]:hover {
    border-color: #d784c5;
}

/* Focus state */
.form-check-input[type="checkbox"]:focus {
    box-shadow: 0 0 0 0.25rem rgba(230, 149, 216, 0.5);
}

/* Indeterminate state */
.form-check-input[type="checkbox"]:indeterminate {
    background-color: #e695d8;
    border-color: #e695d8;
}

/* Disabled state */
.form-check-input[type="checkbox"]:disabled {
    
    border-color: #c77fb9;
}