:root {
    /* Colores base */
    --primary: #0033A0;
    --secondary: #0072CE;
    --dark-blue: #001238;
    --accent: #EF3340;
    --white: #FFFFFF;
    --light-blue: #DCE7FF;
    /* Backgrounds */
    --background-dark-blue: #001238;
    --background-white: #FFFFFF;
    --background-neutral-clear: #EFF6FC;
    --background-grey: #F3F4F5;
    --background-skyBlue: #DCE7FF;
    /* Textos */
    --text-primary: #001238;
    --text-secundary: rgba(0, 18, 56, 0.6);
    --text-tertiary: rgba(44, 52, 54, 1);
    --text-disabled: rgba(0, 18, 56, 0.38);
    --text-hover: rgba(0, 18, 56, 0.04);
    --text-selected: rgba(0, 18, 56, 0.16);
    --text-focus: rgba(0, 18, 56, 0.12);
    --text-focus-visible: rgba(0, 18, 56, 0.30);
    /* Primarios*/
    --primary-main: #0033A0;
    --primary-dark: #001238;
    --primary-light: #A8F1EB;
    --primary-contrast: #FFFFFF;
    --primary-hover: #3878FF;
    --primary-selected: rgb(5, 85, 255, 0.08);
    --primary-focus: rgb(5, 85, 255, 0.12);
    --primary-focus-visible: rgb(5, 85, 255, 0.30);
    --primary-outline-border: rgb(5, 85, 255, 0.50);
    /* Secundarios */
    --secondary-main: #0072CE;
    --secondary-dark: #003C80;
    --secondary-light: #F2F8FF;
    --secondary-contrast: #FFFFFF;
    --secondary-hover: rgb(0, 88, 178, 0.04);
    --secondary-selected: rgb(0, 88, 178, 0.08);
    --secondary-focus: rgb(0, 88, 178, 0.12);
    --secondary-focus-visible: rgb(0, 88, 178, 0.30);
    --secondary-outline-border: rgb(0, 88, 178, 0.50);
    /* AcciГіn */
    --action-active: rgb(0, 18, 56, 0.56);
    --action-hover: rgb(0, 18, 56, 0.04);
    --action-selected: rgb(0, 18, 56, 0.08);
    --actiondisabled-background: rgb(0, 18, 56, 0.12);
    --action-focus: rgb(0, 18, 56, 0.12);
    --action-disable: rgb(0, 18, 56, 0.38);
    /* Errores */
    --error-main: #DE1220;
    --error-dark: #800912;
    --error-light: #F3636D;
    --error-contrast: #FFFFFF;
    --error-hover: rgb(175, 14, 25, 0.04);
    --error-selected: rgb(175, 14, 25, 0.08);
    --error-focus-visible: rgb(175, 14, 25, 0.30);
    --error-outline-border: rgb(175, 14, 25, 0.50);
    /* Advertencia */
    --warning-main: #FF5F15;
    --warning-dark: #FF7008;
    --warning-light: #FFBD00;
    --warning-contrast: #FFFFFF;
    --warning-hover: rgb(255, 123, 62, 0.04);
    --warning-selected: rgb(255, 123, 62, 0.08);
    --warning-focus-visible: rgb(255, 123, 62, 0.30);
    --warning-outline-border: rgb(255, 123, 62, 0.50);
    /* InformaciГіn */
    --info-main: #79B6F3;
    --info-dark: #0058B2;
    --info-light: #A2CDFA;
    --info-contrast: #FFFFFF;
    --info-hover: rgb(40, 137, 221, 0.04);
    --info-selected: rgb(40, 137, 221, 0.08);
    --info-focus-visible: rgb(40, 137, 221, 0.30);
    --info-outline-border: rgb(40, 137, 221, 0.50);
    /* Г‰xito */
    --success-main: #03AC13;
    --success-dark: #00581D;
    --success-light: #B3EDB3;
    --success-contrast: #FFFFFF;
    --success-hover: rgb(0, 136, 27, 0.04);
    --success-selected: rgb(0, 136, 27, 0.08);
    --success-focus-visible: rgb(0, 136, 27, 0.30);
    --success-outline-border: rgb(0, 136, 27, 0.50);

    /* Degradado*/
    --degradado: linear-gradient(-180deg, rgba(162, 205, 250, 0.7)0%, rgba(255, 255, 255, 1)60px);
}


.backgroud {
    width: 100%;
    height: auto;
}

.backgroud--skyBlue-gradient {
    background-color: var(--background-skyBlue);
    background: linear-gradient(0deg, rgba(220, 231, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

.backgroud--skyBlue-gradient2 {
    background-color: var(--background-skyBlue);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(220, 231, 255, 1) 100%);
}

.backgroud--skyBlue {
    background-color: var(--background-skyBlue);
}

.backgroud--dark-blue {
    background-color: var(--background-dark-blue);
}

.backgroud--white {
    background-color: var(--background-white);
}

.backgroud--neutral-clear {
    background-color: var(--background-neutral-clear);
}

.background--grey {
    background-color: var(--background-grey);
}

.backgroud--secondary-light-gradient{
    background-image: linear-gradient(180deg, #F2F8FF 0%, #FFF 100%);
}