/* TITLE: BLXCKHIPPY FrontEnd Visuals & Vanguard Master */

:root {
    --bh-orange: #ff9f2e;
    --bh-red: #ff4e00;
    --bh-black: #0a0a0a;
    --bh-glass: rgba(18, 18, 18, 0.45);
    --bh-glass-bright: rgba(25, 25, 25, 0.95);
    --bh-easing: cubic-bezier(0.16, 1, 0.3, 1);
}

body {
    background-color: var(--bh-black);
    color: #fafafa;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-family: 'Inter', -apple-system, sans-serif;
    -webkit-font-smoothing: antialiased;
}

#vanguard-system-root {
    position: relative;
    width: 100vw;
    background: var(--bh-black);
    z-index: 1;
    overflow-x: hidden;
}

/* Base Utility Classes */
.spa-page { padding-bottom: 100px; }
.magnetic-wrap { display: inline-block; padding: 20px; cursor: pointer; }

/* Insert specific module CSS here (e.g., .vse-hero, .cinematic-card from Snippet 77) */