/* === LvlCamp · Level 1: raw design primitives === */
:root {
    /* Palette — from design index.html:14-21 */
    --color-bg: #0d0418;
    --color-bg-2: #150826;
    --color-accent-lime: #d4ff00;
    --color-magenta: #ee3aa8;
    --color-indigo: #6052ff;
    --color-orange: #ff7a3d;
    --color-acid-orange: #ff6b35;
    --color-acid-cyan: #00e6c0;
    --color-white: #ffffff;
    --color-black: #000000;

    /* Whites & blacks with alpha (for borders, glows, overlays) */
    --color-white-04: rgba(255, 255, 255, 0.04);
    --color-white-05: rgba(255, 255, 255, 0.05);
    --color-white-10: rgba(255, 255, 255, 0.10);
    --color-white-30: rgba(255, 255, 255, 0.30);
    --color-white-40: rgba(255, 255, 255, 0.40);
    --color-white-65: rgba(255, 255, 255, 0.65);
    --color-white-70: rgba(255, 255, 255, 0.70);

    /* Typography */
    --font-display: 'Inter', system-ui, sans-serif;       /* italic 900 with -0.03em letter-spacing */
    --font-grotesk: 'Unbounded', 'Inter', sans-serif;
    --font-mono: 'JetBrains Mono', ui-monospace, monospace;
    --font-body: 'Inter', system-ui, sans-serif;

    /* Spacing (8pt base, design uses Tailwind's rem-based scale) */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-20: 5rem;
    --space-28: 7rem;

    /* Radius */
    --radius-sm: 0.5rem;
    --radius-md: 1rem;
    --radius-lg: 1.5rem;
    --radius-xl: 2rem;
    --radius-2xl: 2.5rem;
    --radius-3xl: 3rem;
    --radius-full: 9999px;

    /* Shadows */
    --shadow-glow-lime: 0 0 22px rgba(212, 255, 0, 0.85), 0 0 8px rgba(212, 255, 0, 0.6);
    --shadow-cta-lime: 0 8px 24px -8px rgba(212, 255, 0, 0.6);
    --shadow-card-hover: 12px 12px 0 rgba(212, 255, 0, 0.18);

    /* Layout */
    --container-max: 1400px;
    --nav-z: 100;
    --mobile-menu-z: 110;
}