:root {
    --bg-main: #f8fafc;
    --bg-card: #ffffff;
    --text-primary: #0f172a;
    --text-secondary: #475569;
    --gold: #d97706;
}

/* Efecto suave para fondos de estudio claro */
.bg-warm-studio {
    background-color: #f8fafc;
    background-image: 
        radial-gradient(at 0% 0%, rgba(245, 158, 11, 0.05) 0px, transparent 50%),
        radial-gradient(at 100% 100%, rgba(14, 165, 233, 0.04) 0px, transparent 50%);
}

.bg-dot-pattern {
    background-image: radial-gradient(rgba(148, 163, 184, 0.25) 1px, transparent 0);
    background-size: 20px 20px;
}

/* Viewport fotográfico con super zoom fluido */
.frame-interactive-viewport img {
    will-change: transform, opacity;
    transform-origin: center center;
}

/* Sombra suave de galería de arte */
.shadow-gallery {
    box-shadow: 0 20px 40px -15px rgba(15, 23, 42, 0.08), 0 0 1px 1px rgba(15, 23, 42, 0.05);
}

.shadow-gallery-hover {
    box-shadow: 0 30px 60px -12px rgba(15, 23, 42, 0.15), 0 0 1px 1px rgba(217, 119, 6, 0.2);
}