:root {
    /* Emerald Light Design System */
    --brand-primary: #059669; /* Emerald 600 */
    --brand-primary-hover: #047857;
    --brand-secondary: #2563eb; /* Blue 600 */
    --brand-accent: #f59e0b; /* Amber 500 */
    --bg-surface: #ffffff;
    --bg-soft: #f8fafc;
    --bg-muted: #f1f5f9;
    --text-main: #1e293b; /* Slate 800 */
    --text-muted: #64748b; /* Slate 500 */
    --text-white: #ffffff;
    --border-soft: #e2e8f0;
    --radius-lg: 1.5rem;
    --radius-md: 1rem;
    --shadow-soft: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --glass-bg: rgba(255, 255, 255, 0.8);
    --glass-border: rgba(255, 255, 255, 0.4);
}

/* Animations */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes slideRight {
    from { transform: translateX(-100%); }
    to { transform: translateX(0); }
}

@keyframes pulse-emerald {
    0% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.4); }
    70% { box-shadow: 0 0 0 10px rgba(16, 185, 129, 0); }
    100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
}

.animate-fade-in-up { animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
.animate-delay-100 { animation-delay: 100ms; }
.animate-delay-200 { animation-delay: 200ms; }
.animate-delay-300 { animation-delay: 300ms; }

/* Custom Utilities */
.glass-nav {
    background: var(--glass-bg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--glass-border);
}

.emerald-gradient {
    background: linear-gradient(135deg, var(--brand-primary) 0%, #10b981 100%);
}

.card-hover-bright {
    transition: all 0.3s ease;
}
.card-hover-bright:hover {
    transform: translateY(-8px);
    background: var(--bg-surface);
    box-shadow: var(--shadow-xl);
    border-color: var(--brand-primary);
}

.interactive-audit-shadow {
    box-shadow: 0 0 40px -10px rgba(16, 185, 129, 0.3);
}