/* --- Core Reset & Performance System Variable Context --- */
:root {
    --font-primary: 'Inter', sans-serif;
    --transition-smooth: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    
    /* Light Mode Design System tokens */
    --bg-glass: rgba(255, 255, 255, 0.65);
    --border-glass: rgba(255, 255, 255, 0.4);
    --text-primary: #1d1d1f;
    --text-secondary: #424245;
    --accent-color: #2e7d32;
    --panel-glow: rgba(46, 125, 50, 0.15);
}

[data-theme="dark"] {
    /* Dark Mode Design System tokens */
    --bg-glass: rgba(22, 22, 23, 0.7);
    --border-glass: rgba(255, 255, 255, 0.08);
    --text-primary: #f5f5f7;
    --text-secondary: #86868b;
    --accent-color: #4caf50;
    --panel-glow: rgba(76, 175, 80, 0.25);
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    user-select: none;
}

body, html {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #000;
    font-family: var(--font-primary);
}

#webgl-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: block;
}