:root {
    /* HSL color mode - Theme Dark*/
    --first-color: hsl(var(--hue-color), 69%, 61%);
    --first-color-second: hsl(var(--hue-color), 30%, 8%);
    --first-color-alt: hsl(var(--hue-color), 57%, 53%);
    --title-color: hsl(var(--hue-color), 8%, 95%);
    --text-color: hsl(var(--hue-color), 8%, 75%);
    --input-color: hsl(var(--hue-color), 29%, 16%);
    --body-color: hsl(var(--hue-color), 28%, 12%);
    --container-color: hsl(212, 32%, 8%);
    --scroll-bar-color: hsl(var(--hue-color), 12%, 48%);
    --scroll-thumb-color: hsl(var(--hue-color), 12%, 36%);
    --container-color-2: hsl(var(--hue-color, 29%, 16%));
    --shadow-image-perfil: 0px 0px 0px 5px hsl(var(--hue-color), 8%, 95%);
    --border-color-perfil: 1px solid black;
}