:root {
    /* Brand Colors - Manga/Cyber Palette */
    --color-bg-primary: #000000;
    --color-bg-secondary: #111111;
    --color-bg-overlay: rgba(0, 0, 0, 0.9);

    --color-accent-primary: #FFEA00;
    /* Cyber Yellow */
    --color-accent-secondary: #FF0055;
    /* Manga Red/Pink */

    --color-text-primary: #FFFFFF;
    --color-text-inverse: #000000;
    --color-text-muted: #888888;

    --color-border: #333333;
    --color-border-bold: #FFFFFF;
    /* High contrast borders */

    --color-success: #00FF00;
    /* Terminal Green */
    --color-warning: #FFEA00;

    /* Typography */
    --font-primary: 'Chakra Petch', sans-serif;
    /* Tech/Futuristic */
    --font-display: 'Bangers', cursive;
    /* Manga Sound Effect style */

    /* Spacing */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 48px;
    --spacing-2xl: 80px;

    /* Border Radius - Shamelessly Boxy */
    --radius-sm: 0px;
    --radius-md: 2px;
    --radius-lg: 4px;
    --radius-full: 0px;

    /* Transitions */
    --transition-fast: 0.1s steps(5);
    /* Stuttery anime feel */
    --transition-smooth: 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
    /* Bouncy */

    /* Shadows */
    --shadow-hard: 4px 4px 0px var(--color-accent-primary);
    --shadow-hard-red: 4px 4px 0px var(--color-accent-secondary);
    --shadow-glow: 0 0 10px var(--color-accent-primary);
}