* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

:root {
    /* Core palette - Deep Criminal Noir */
    --void: #050508;
    --obsidian: #0a0a10;
    --slate: #101018;
    --graphite: #18182a;
    --steel: #252538;
    --iron: #35354a;

    /* Primary Accent - Syndicate Purple */
    --violet: #a855f7;
    --violet-bright: #c084fc;
    --violet-dim: #7c3aed;
    --violet-glow: rgba(168, 85, 247, 0.5);
    --violet-subtle: rgba(168, 85, 247, 0.15);

    /* Secondary Accents */
    --gold: #fbbf24;
    --gold-bright: #fcd34d;
    --gold-dim: #b45309;
    --crimson: #ef4444;
    --crimson-glow: rgba(239, 68, 68, 0.4);
    --azure: #3b82f6;
    --azure-dim: #1e40af;
    --emerald: #22c55e;
    --ember: #f97316;

    /* Text */
    --text-bright: #f4f4f8;
    --text-primary: #d4d4dc;
    --text-muted: #7878a0;
    --text-dim: #484868;

    /* Effects */
    --glass: rgba(168, 85, 247, 0.03);
    --glass-border: rgba(168, 85, 247, 0.12);
    --inner-light: rgba(255, 255, 255, 0.03);
    --shadow-heavy: rgba(0, 0, 0, 0.7);
    --shadow-purple: rgba(168, 85, 247, 0.15);
}

html, body {
    width: 100%;
    height: 100%;
    overflow: hidden;
    touch-action: manipulation;
}

body {
    font-family: 'Source Sans 3', -apple-system, sans-serif;
    background: var(--void);
    color: var(--text-primary);
    display: flex;
    align-items: center;
    justify-content: center;
}