:root {
    /*Primary Colors*/
    --primary: #2b307d;
    --secondary: hsl(5, 100%, 50%);
    --black: #000000;
    --white: #FFFFFF;
    --blue-agendar: #3273dc;
    --blue-hover: #2c528b;
    --background: linear-gradient(41deg, #00488D 15.13%, #2B317F 77.65%);
    --accent: #E0282D;
    --success: hsl(152, 77%, 39%);
    --danger: #c0392b;
    --input-color: #f2f4fe;
    --blue-lightness: #e2f0fe;
    --primary-medium: #4E58E5;

    /*Secondary Colors*/
    --neutral-blue: #F4F9FD;
    --neutral-lightest: #EEEEEE;
    --neutral-lighter: #CCCCCC;
    --neutral-light: #AAAAAA;
    --neutral: #666666;
    --neutral-dark: #444444;
    --neutral-darker: #222222;
    --neutral-darkest: #111111;
    --blue-1: #E3ECFA;
    --baby-blue: #D2E3FF;
    --yellow: #F0F08B;

    /*Progress Bar*/
    --progress: 0%;
    --bar-h: 360px;
    --fill: 0%;

    /* Sizes */
    --dot-size: clamp(24px, 4.2vw, 56px);
}