@font-face {
    font-family: "Barlow";
    font-style: normal;
    font-weight: 400;
    src: url("../../fonts/sistema_ui/barlow_regular.ttf") format("truetype");
}

@font-face {
    font-family: "Barlow";
    font-style: normal;
    font-weight: 500;
    src: url("../../fonts/sistema_ui/barlow_medium.ttf") format("truetype");
}

@font-face {
    font-family: "Barlow";
    font-style: normal;
    font-weight: 700;
    src: url("../../fonts/sistema_ui/barlow_bold.ttf") format("truetype");
}

@font-face {
    font-family: "Barlow";
    font-style: normal;
    font-weight: 800;
    src: url("../../fonts/sistema_ui/barlow_extra_bold.ttf") format("truetype");
}

@font-face {
    font-family: "Barlow";
    font-style: normal;
    font-weight: 900;
    src: url("../../fonts/sistema_ui/barlow_black.ttf") format("truetype");
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    src: url("../../fonts/sistema_ui/montserrat_regular.ttf") format("truetype");
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    src: url("../../fonts/sistema_ui/montserrat_semibold.ttf") format("truetype");
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 700;
    src: url("../../fonts/sistema_ui/montserrat_bold.ttf") format("truetype");
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 900;
    src: url("../../fonts/sistema_ui/montserrat_black.ttf") format("truetype");
}

:root {
    --colorPrimario: #0a4d26;
    --colorPrimarioOscuro: #06351a;
    --colorSecundario: #f2b705;
    --colorExito: #2e7d32;
    --colorInfo: #1976d2;
    --colorAviso: #b36b00;
    --colorError: #b3261e;
    --colorTexto: #26332c;
    --colorTextoSuave: #637069;
    --colorBorde: #d8dfdb;
    --colorFondo: #f4f7f5;
    --colorBlanco: #ffffff;
    --colorNegro: #000000;
    --colorAmarilloEc: #ffc003;
    --colorAzulEc: #2d2d96;
    --colorRojoEc: #fd0118;
    --colorPrimarioBorde: #042611;
    --colorExitoBorde: #235f27;
    --colorInfoBorde: #145fa5;
    --colorAvisoBorde: #875100;
    --colorErrorBorde: #851d17;
    --colorBordeControl: #b9c5be;
    --colorBordeFuerte: #aebdb4;
    --colorBordeSuave: #e1e7e3;
    --colorFondoActivo: #edf2ef;
    --colorFondoSuave: #f8faf9;
    --colorFondoTenue: #f2f6f3;
    --colorMapa: #e7ece9;
    --colorTextoAviso: #4d3900;
    --colorTextoTenue: #8ca095;
    --colorExitoSuave: #edf8ee;
    --colorInfoSuave: #eaf4fd;
    --colorAvisoSuave: #fff6e2;
    --colorErrorSuave: #fcede9;
    --colorExitoTexto: #205a24;
    --colorInfoTexto: #124f88;
    --colorAvisoTexto: #704600;
    --colorErrorTexto: #7e1b16;
    --colorFoco: rgba(10, 77, 38, 0.18);
    --colorPrimarioTenue: rgba(10, 77, 38, 0.08);
    --colorOverlay: rgba(0, 0, 0, 0.55);
    --colorBordeModal: rgba(0, 0, 0, 0.20);
    --colorSombraCarrusel: rgba(0, 0, 0, 0.35);
    --colorBlancoSuave: rgba(255, 255, 255, 0.84);
    --colorBlancoBorde: rgba(255, 255, 255, 0.45);
    --colorBlancoTenue: rgba(255, 255, 255, 0.18);

    --fuenteTexto: "Barlow", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --fuenteTitulo: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --tamanoH1: 36px;
    --tamanoH2: 30px;
    --tamanoH3: 24px;
    --tamanoH4: 20px;
    --tamanoH5: 16px;
    --tamanoH6: 14px;
    --tamanoTexto: 16px;
    --tamanoAyuda: 13px;

    --espacio1: 4px;
    --espacio2: 8px;
    --espacio3: 12px;
    --espacio4: 16px;
    --espacio5: 24px;
    --espacio6: 32px;
    --espacio7: 48px;

    --radioBase: 6px;
    --sombraSuave: 0 2px 10px rgba(20, 52, 34, 0.10);
    --sombraMedia: 0 8px 24px rgba(20, 52, 34, 0.14);
    --sombraControl: 0 1px 3px rgba(20, 52, 34, 0.25);
}