:root {
    
    --bg-primary: #05080D;
    --bg-secondary: #0A101D;
    --bg-tertiary: #0F172A;
    
    
    --accent-cyan: #06b6d4;
    --accent-cyan-hover: #0891b2;
    --accent-cyan-light: #22d3ee;
    
    
    --text-primary: #f1f5f9;
    --text-secondary: #94a3b8;
    --text-tertiary: #64748b;
    
    
    --border-default: rgba(255, 255, 255, 0.05);
}


body {
    background-color: var(--bg-primary);
    color: var(--text-primary);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    -webkit-font-smoothing: antialiased;
}


.text-cyan-gradient {
    background: linear-gradient(135deg, var(--accent-cyan-light) 0%, var(--accent-cyan) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}


#header-placeholder {
    min-height: 80px;
}


.nav-link {
    @apply text-[11px] font-bold hover:text-cyan-400 transition-colors uppercase tracking-[0.2em] text-slate-400;
}