@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

* {
    font-family: "Rubik", sans-serif !important;
}

/*Variables Globales*/
:root {

    /*Paleta de colores*/
    --primarySuite: hsl(204, 100%, 19%);
    --primary50: hsl(213, 59%, 95%);
    --primary75: hsl(213, 59%, 90%);
    --primary100: hsl(213, 59%, 80%);
    --primary200: hsl(213, 59%, 65%);
    --primary300: hsl(213, 59%, 50%);
    --primary400: hsl(213, 59%, 30%);
    --primary500: hsl(213, 59%, 15%);
    --primaryContrastTextLight: hsl(213, 59%, 95%);
    --primaryContrastTextDark: hsl(213, 59%, 10%);

    --secondary50: hsl(197, 76%, 95%);
    --secondary75: hsl(197, 76%, 90%);
    --secondary100: hsl(197, 76%, 80%);
    --secondary200: hsl(197, 76%, 65%);
    --secondary300: hsl(197, 76%, 50%);
    --secondary400: hsl(197, 76%, 30%);
    --secondary500: hsl(197, 76%, 15%);
    --secondaryContrastTextLight: hsl(197, 76%, 95%);
    --secondaryContrastTextDark: hsl(197, 76%, 10%);

    --accent50: hsl(210, 100%, 95%);
    --accent75: hsl(210, 100%, 90%);
    --accent100: hsl(210, 100%, 80%);
    --accent200: hsl(210, 100%, 65%);
    --accent300: hsl(210, 100%, 50%);
    --accent400: hsl(210, 100%, 30%);
    --accent500: hsl(210, 100%, 15%);
    --accentContrastTextLight: hsl(210, 100%, 95%);
    --accentContrastTextDark: hsl(210, 100%, 10%);

    --grey50: hsl(100, 0%, 95%);
    --grey75: hsl(100, 0%, 90%);
    --grey100: hsl(100, 0%, 80%);
    --grey200: hsl(100, 0%, 70%);
    --grey300: hsl(100, 0%, 60%);
    --grey400: hsl(100, 0%, 50%);
    --grey500: hsl(100, 0%, 40%);
    --grey600: hsl(100, 0%, 30%);
    --grey700: hsl(100, 0%, 20%);
    --grey800: hsl(100, 0%, 10%);

    --commonBlack: #000000;
    --commonWhite: #ffffff;

    --textPrimary: #1d1d1f;
    --textSecondary: #65656c;
    --textDisabled: #ababb0;

    --backgroundPaper: #fafafa;
    --backgroundDefault: #f2f2f3;

    --errorLight: #fdeded;
    --errorMain: #d32f2f;
    --errorDark: #5d1f19;
    --errorContrastTextLight: #ffffff;
    --errorContrastTextDark: #5d1f19;

    --warningLight: #fff4e5;
    --warningMain: #ed6c02;
    --warningDark: #522a0f;
    --warningContrastTextLight: #ffffff;
    --warningContrastTextDark: #522a0f;

    --infoLight: #e5f6fd;
    --infoMain: #0288d1;
    --infoDark: #193248;
    --infoContrastTextLight: #ffffff;
    --infoContrastTextDark: #193248;

    --successLight: #edf7ed;
    --successMain: #2e7d32;
    --successDark: #1c391b;
    --successContrastTextLight: #ffffff;
    --successContrastTextDark: #1c391b;
}