:root {
    /* Color Palette (Azure Tech Redesign) */
    --brand-dark: #0f172a;       /* Deep Midnight */
    --brand-slate: #1e293b;      /* Tech Slate */
    --brand-indigo: #4f46e5;     /* Azure/Indigo Accent */
    --brand-cyan: #06b6d4;       /* Neon Cyan for logic links */
    --brand-gold: #f59e0b;       /* Gold/Amber for metrics - high value */
    --brand-surface: #ffffff;    /* Pure White for sub-cards */
    --brand-smoke: #f8fafc;      /* Subtle Light background */
    --brand-glass: rgba(15, 23, 42, 0.8);
    
    /* Animation Tokens */
    --transition-smooth: 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    --transition-fast: 0.3s ease;
}

/* Base Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: var(--brand-dark);
    color: var(--brand-smoke);
    font-family: 'Plus Jakarta Sans', sans-serif;
    line-height: 1.6;
    overflow-x: hidden;
}

/* Tech Glass Background utilities */
.glass-tech {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.glass-white {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(241, 245, 249, 0.2);
}

/* Animations */
.reveal {
    opacity: 0;
    transform: translateY(40px);
    transition: var(--transition-smooth);
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

.animate-float {
    animation: float 6s ease-in-out infinite;
}

@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-20px); }
}

.azure-gradient {
    background: linear-gradient(135deg, var(--brand-indigo), var(--brand-cyan));
}

.gold-glow {
    box-shadow: 0 0 40px rgba(245, 158, 11, 0.15);
}

.selection-azure {
    selection-background-color: rgba(79, 70, 229, 0.3);
}