@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Space+Grotesk:wght@300;500;700&display=swap');

:root {
    /* Core Palette - Avant-garde Dark Mode */
    --bg-body: #050505;
    --bg-surface: #111111;
    --bg-surface-2: #1a1a1a;
    
    --text-primary: #ffffff;
    --text-secondary: #a0a0a0;
    --text-muted: #555555;

    /* Accents */
    --neon-green: #ccff00; /* Acid Green */
    --neon-green-rgb: 204, 255, 0;
    --neon-purple: #bc13fe; /* Electric Purple */
    --neon-purple-rgb: 188, 19, 254;
    --neon-cyan: #00f0ff; /* Cyber Blue */
    --neon-cyan-rgb: 0, 240, 255;
    
    /* Functional */
    --border-color: #333333;
    --border-active: #ffffff;
    
    /* Spacing & Radius */
    --radius-sm: 4px;
    --radius-lg: 24px;
    --space-unit: 1rem;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    background-color: var(--bg-body);
    color: var(--text-primary);
    font-family: 'Space Grotesk', system-ui, -apple-system, sans-serif;
    line-height: 1.6;
    overflow-x: hidden;
    background-image: 
        linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: 40px 40px;
}

a {
    color: var(--text-primary);
    text-decoration: none;
    position: relative;
    transition: color 0.3s ease;
}

a:hover {
    color: var(--neon-cyan);
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: var(--bg-body);
}
::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--neon-green);
}

/* Utility for fading/animations */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.highlight-text {
    color: var(--neon-green);
    font-weight: 700;
}

code, .command {
    font-family: 'JetBrains Mono', monospace;
}