@charset "UTF-8";

:root {
    /* Negro: acciones y superficies que muestran texto blanco. */
    --blue: #171717;
    --blue-hover: #000000;

    /* Dorado oscuro: foco y controles que también requieren texto blanco. */
    --light-blue: #806000;

    /* Acción principal y sus estados hover. */
    --green: #171717;
    --green-hover: #000000;

    /* Amarillo corporativo: acentos, indicadores y fondos informativos. */
    --green-5: #fcd146;
    --blue-trans: rgba(252, 209, 70, 0.18);
    --blue-trans-5: rgba(252, 209, 70, 0.08);
    --light-blue-2: #fff7d8;
}