/* =====================================================================================================
   PROJECT KONGOR PORTAL — DARK THEME PALETTE & ANIMATIONS

   Defines the CSS custom properties consumed by the rules in portal.common.css.
   Also defines the dark-mode keyframes and theme-scoped animation-name bindings for glow/pulse effects.
   The palette is the dark-mode counterpart to portal.light.css and mirrors it variable-for-variable.
   ===================================================================================================== */

.dark-mode {
    --kongor-primary:              #00E676;
    --kongor-primary-rgb:          0, 230, 118;
    --kongor-secondary:            #FFD740;
    --kongor-surface-rgb:          17, 28, 20;
    --kongor-bg-rgb:               10, 15, 13;
    --kongor-shadow-rgb:           0, 0, 0;
    --kongor-timeline-surface:     #0F1A12;
    --kongor-footer-fade-rgb:      10, 15, 13;
}

/* --- Pulsing Text Glow ------------------------------------- */

@keyframes kongor-text-pulse-dark {
    0%, 100% { text-shadow: 0 0 16px rgba(var(--kongor-primary-rgb), 0.5), 0 0 48px rgba(var(--kongor-primary-rgb), 0.22); }
    50% { text-shadow: 0 0 32px rgba(var(--kongor-primary-rgb), 0.8), 0 0 72px rgba(var(--kongor-primary-rgb), 0.45), 0 0 108px rgba(var(--kongor-primary-rgb), 0.2); }
}

.dark-mode .hero-title,
.dark-mode .account-name-glow {
    animation-name: kongor-text-pulse-dark;
}

/* --- Logo Glow Animation ----------------------------------- */

@keyframes kongor-pulse-glow-dark {
    0%, 100% { filter: drop-shadow(0 0 6px rgba(var(--kongor-primary-rgb), 0.45)); }
    50% { filter: drop-shadow(0 0 18px rgba(var(--kongor-primary-rgb), 0.7)); }
}

.dark-mode .logo-glow {
    animation-name: kongor-pulse-glow-dark;
}