/* ========================================
   Base styles — global, non-theme
   ======================================== */

body { font-family: 'Inter', sans-serif; }

/* Sidebar active state */
.sidebar-link.active {
    background: rgba(239, 68, 68, 0.08);
    border-left-color: #f87171;
    color: #f87171;
}
.sidebar-link.active .sidebar-icon { color: #f87171; }

/* Mobile nav active state */
.mobile-nav-item.active { color: #f87171; }
.mobile-nav-item.active .mobile-nav-dot { opacity: 1; }

/* Fortune wheel button */
.fortune-wheel-btn img {
    transition: transform 0.9s cubic-bezier(0.32, 1.25, 0.52, 1);
    transform-origin: 50% 50%;
}
.fortune-wheel-btn:hover img,
.fortune-wheel-btn:focus-visible img {
    animation: wheel-spin 1.2s cubic-bezier(0.24, 1.55, 0.45, 1);
}
@keyframes wheel-spin {
    0% { transform: rotate(0deg) scale(1); }
    72% { transform: rotate(380deg) scale(1.08); }
    88% { transform: rotate(352deg) scale(1.03); }
    100% { transform: rotate(360deg) scale(1); }
}

/* Dynamic glow on hover */
.dynamic-glow:hover { box-shadow: 0 0 20px rgba(248, 113, 113, 0.3); }