@import "tailwindcss";
@import "@fontsource/vt323";
@import "@fontsource/press-start-2p";
@import "@fontsource/ibm-plex-mono";

@theme {
    --color-bg-deep: #1a1a2e;
    --color-bg-surface: #16213e;
    --color-primary: #0f3460;
    --color-accent-cyan: #00d2ff;
    --color-accent-orange: #e94560;
    --color-accent-green: #00ff88;
    --color-accent-purple: #7b68ee;
    --color-text-primary: #e8e8e8;
    --color-text-secondary: #8892b0;

    --font-mono: 'IBM Plex Mono', monospace;
    --font-retro: 'VT323', monospace;
    --font-pixel: 'Press Start 2P', monospace;
}

body {
    background-color: var(--color-bg-deep);
    color: var(--color-text-primary);
    font-family: var(--font-mono);
    margin: 0;
    overflow: hidden;
    height: 100vh;
}