/* Tema Emerald - Verde Esmeralda */
:root {
    --tokenea-primary: #059669;
    --tokenea-secondary: #10B981;
    --tokenea-primary-light: #34D399;
    --tokenea-primary-dark: #047857;
    --tokenea-hover: #065F46;
    --tokenea-glow: rgba(5, 150, 105, 0.3);
    --tokenea-glow-strong: rgba(5, 150, 105, 0.6);
    --tokenea-pattern: rgba(5, 150, 105, 0.1);
    --theme-name: "Emerald";
}

.tokenea-primary-color { color: var(--tokenea-primary) !important; }
.tokenea-secondary-color { color: var(--tokenea-secondary) !important; }
.tokenea-primary-bg { background-color: var(--tokenea-primary) !important; }
.tokenea-secondary-bg { background-color: var(--tokenea-secondary) !important; }
.tokenea-primary-border { border-color: var(--tokenea-primary) !important; }

.hero-pattern {
    background-image: 
        radial-gradient(circle at 25% 25%, var(--tokenea-pattern) 0%, transparent 50%),
        radial-gradient(circle at 75% 75%, rgba(37, 99, 235, 0.1) 0%, transparent 50%);
}

.pulse-glow {
    animation: pulse-glow-emerald 2s infinite;
}

@keyframes pulse-glow-emerald {
    0%, 100% { box-shadow: 0 0 20px var(--tokenea-glow); }
    50% { box-shadow: 0 0 40px var(--tokenea-glow-strong); }
}

.floating-primary { background-color: var(--tokenea-secondary) !important; }
.gradient-primary { 
    background: linear-gradient(135deg, var(--tokenea-primary) 0%, var(--tokenea-secondary) 100%) !important; 
}
.text-gradient-primary {
    background: linear-gradient(to right, var(--tokenea-primary-light), var(--tokenea-secondary)) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.hover-primary:hover { 
    background-color: var(--tokenea-hover) !important; 
    color: white !important;
}

.nav-hover:hover { color: #6EE7B7 !important; }