/* Paleta de colores y estilos globales para el Dashboard */
:root {
    --color-bg-dark: #101010;
    --color-card-dark: #1C1C1C;
    --color-accent: #FADCC2;
    --color-text-medium: #ADADAD;
    --color-border: #707070;
    --glow-color-rgb: 250, 220, 194;
}

/* Clases de utilidad para colores */
.bg-tn-dark { background-color: var(--color-bg-dark); }
.bg-tn-card { background-color: var(--color-card-dark); }
.text-tn-accent { color: var(--color-accent); }
.border-tn-accent { border-color: var(--color-accent); }
.text-tn-medium { color: var(--color-text-medium); }
.border-tn-border { border-color: var(--color-border); }

/* Efectos de resplandor (glow) */
.header-glow {
    position: relative;
    overflow: visible;
}
.header-glow::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 100%);
    width: 100%;
    height: 100%;
    background: radial-gradient(ellipse at top, rgba(var(--glow-color-rgb), 0.3) 0%, transparent 70%);
    pointer-events: none;
    z-index: -1;
}
.text-glow {
    text-shadow: 0 0 15px rgba(var(--glow-color-rgb), 0.9);
}
.section-vertical-glow {
    position: relative;
    overflow: visible;
}
.section-vertical-glow::before,
.section-vertical-glow::after {
    content: '';
    position: absolute;
    left: 50%;
    width: 100%;
    pointer-events: none;
}
.section-vertical-glow::before {
    top: 0;
    height: 100px;
    background: radial-gradient(ellipse at bottom, rgba(var(--glow-color-rgb), 0.3) 0%, transparent 70%);
    transform: translate(-50%, -100%);
}
.section-vertical-glow::after {
    bottom: 0;
    height: 100px;
    background: radial-gradient(ellipse at top, rgba(var(--glow-color-rgb), 0.3) 0%, transparent 70%);
    transform: translate(-50%, 100%);
}
.section-bottom-glow {
    position: relative;
    overflow: visible;
}
.section-bottom-glow::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 50%;
    width: 80%;
    height: 80px;
    background: radial-gradient(ellipse at bottom, rgba(var(--glow-color-rgb), 0.3) 0%, transparent 70%);
    transform: translate(-50%, 100%);
    pointer-events: none;
}
.section-top-glow {
    position: relative;
    overflow: visible;
}
.section-top-glow::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    width: 80%;
    height: 80px;
    background: radial-gradient(ellipse at top, rgba(var(--glow-color-rgb), 0.3) 0%, transparent 70%);
    transform: translate(-50%, -50%);
    pointer-events: none;
}
.section-glow {
    box-shadow: 0 0 20px 5px rgba(var(--glow-color-rgb), 0.3);
}
.side-menu-glow {
    box-shadow: 3px 0 10px -5px rgba(var(--glow-color-rgb), 0.3);
}
/* Fuentes personalizadas */
@layer base {
    .font-avianoFlare { font-family: 'avianoFlare', serif; }
    .font-helveticaNeueMedium { font-family: 'helveticaNeueMedium', 'sans-serif'; }
}