/* Tailwind palette classes based on time of day */

body.palette-dawn {
    --epic-alabaster-bg: var(--epic-alabaster-dawn);
    --epic-gold-main: var(--epic-gold-soft);
    background-color: var(--epic-alabaster-bg);
}

body.palette-day {
    --epic-purple-emperor: var(--epic-purple-vibrant);
    background-color: var(--epic-alabaster-bg);
}

body.palette-dusk {
    --epic-alabaster-bg: var(--epic-alabaster-dusk);
    --epic-gold-main: var(--epic-gold-dusk);
    background-image: linear-gradient(to bottom, var(--epic-orange-sunset), var(--epic-gold-dusk));
}

body.palette-night {
    --epic-alabaster-bg: var(--color-negro-contraste);
    --epic-text-color: var(--epic-text-night);
    background-color: var(--epic-alabaster-bg);
    color: var(--epic-text-color);
}

body.palette-night::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('/assets/img/estrella.png');
    background-size: 120px 120px;
    background-repeat: repeat;
    opacity: 0.1;
    pointer-events: none;
    z-index: -1;
}