/*
 * variables css
 * las variables definidas en este fichero se usan en el resto de ficheros css

    color-main-hover - #066375 (antes era #056374)
    color-sec-hover -  #c2574b (antes era #e06752)

*/

/* variables */
:root {
    /* main color (turquesa) */
    --color-main: #08899e; /* turquesa */
    --color-main-hover: #056374; /* turquesa oscuro */
    /* secondary color (salmon) */
    --color-sec: #f77661; /* salmon */
    --color-sec-hover: #c2574b; /* salmon oscuro */
    --color-sec-light: #c2574b; /* salmon claro */
    /* color usado en piezas solo para devs */
    --color-dev: #F1E0CC; /* crema */
    --color-dev: #b088d6; /* lila */
    --color-dev: #c497ef; /* lila claro */
    --color-dev: #d7b3fa; /* lila mas claro */
    /*--color-header-frontend: #053c45;*/ /* turquesa muy oscuro */
    /*---color-header-frontend: #04262c;*/ /* turquesa muy oscuro */
    --color-header-frontend: #021f23; /* turquesa muy oscuro */
    --color-header-frontend: #043137; /* turquesa muy oscuro */
    --color-header-backend: #d3e4e7; /* turquesa muy claro */
    /*--color-header-backend: var(--color-main);*/ /* turquesa muy claro */
}