:root {

    /* Main palette */
    --corporate-white: #F2F4FF; /* rgb(242, 244, 255) */
    --corporate-blue: #0066ff; /* rgb(0, 102, 255) */

    /* Generic uses */
    --primary: var(--corporate-blue);
    --seconday: var(--grey-5);
    --accent: var(--corporate-white);
    --border-radius: 15px;

    /* Grey palette */
    --grey-0: #FFFFFF; /* rgb(255, 255, 255) */
    --grey-1: #f2f4ff; /* rgb(242, 244, 255) */
    --grey-2: #D1D5E4; /* rgb(209, 213, 228) */
    --grey-3: #B0B6CA; /* rgb(176, 182, 202) */
    --grey-4: #8F97AF; /* rgb(143, 151, 175) */
    --grey-5: #6E7894; /* rgb(110, 120, 148) */
    --grey-6: #58617A; /* rgb(88, 97, 122) */
    --grey-7: #414B61; /* rgb(65, 75, 97) */
    --grey-8: #2B3447; /* rgb(43, 52, 71) */
    --grey-9: #031a36; /* rgb(3, 26, 52) */


    /* Secondary palette */
    --brown-light: #E6E4E5; /* rgb(230, 228, 229) */
    --brown: #807477; /* rgb(128, 116, 119) */
    --brown-dark: #524C4E; /* rgb(82, 76, 78) */

    --green-light: #E6E9E6; /* rgb(230, 233, 230) */
    --green: #7C877C; /* rgb(124, 135, 124) */
    --green-dark: #535753; /* rgb(83, 87, 83) */ 

    --grey-light: var(--grey-1);
    --grey: var(--grey-5);
    --grey-dark: var(--grey-7);

    --purple-light: #ECE7EE; /* rgb(236, 231, 238) */
    --purple: #9D84A3; /* rgb(157, 132, 163) */
    --purple-dark: #64566A; /* rgb(100, 86, 106) */


    /* Accent colors */
    --coral-light: #E3A19A; /* rgb(227, 161, 154) */
    --coral: #E66C64; /* rgb(230, 108, 100) */
    --coral-dark: #912C31; /* rgb(145, 44, 49) */

    --turquoise-light: #67E0E5; /* rgb(103, 224, 229) */
    --turquoise: #59C2C9; /* rgb(89, 194, 201) */
    --turquoise-dark: #3E8A8A; /* rgb(62, 138, 138) */

    --ambar-light: #F5E98A; /* rgb(245, 233, 138) */
    --ambar: #EAC344; /* rgb(234, 195, 68) */
    --ambar-dark: #AD842D; /* rgb(173, 132, 45) */

    --orchid-light: #E7C2F8; /* rgb(231, 194, 248) */
    --orchid: #C466EF; /* rgb(196, 102, 239) */
    --orchid-dark: #8A1A93; /* rgb(138, 26, 147) */

    
    /* Text */
    --font-family: "TelefonicaRegular", "Telefonica Sans", Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;

}

/* REVISAR PERFILES */

@font-face {
    font-family: 'TelefonicaLight';
    src: url('../fonts/Telefonica/Telefonica_Sans_Light.woff2') format('woff2');
}
  
@font-face {
    font-family: 'TelefonicaRegular';
    src: url('../fonts/Telefonica/Telefonica_Sans_Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'TelefonicaMedium';
    src: url('../fonts/Telefonica/Telefonica_Sans_Medium.woff2') format('woff2');
}

@font-face {
    font-family: 'TelefonicaDemibold';
    src: url('../fonts/Telefonica/Telefonica_Sans_DemiBold.woff2') format('woff2');
}


/* * {
    font-family: "Telefonica Sans", sans-serif;
}

body {
    font-family: 'TelefonicaLight';
}

*/
p, label {
    font-family: "TelefonicaRegular";
}

/*

h1 {
    font-family: 'TelefonicaDemibold';
}

h2 {
    font-family: 'TelefonicaMedium';
}

h3 {
    font-family: 'TelefonicaRegular';
}
 */