:root {
    /* ═══ Background Colors ═══ */
    --bg-void-black: #0D0D0D;
    --bg-dungeon-stone: #1A1A1A;
    --bg-crypt-purple: #2E222F;
    --bg-shadow-blue: #1E1E2E;

    --bg-primary: var(--bg-crypt-purple);
    --bg-secondary: var(--bg-dungeon-stone);
    --bg-tertiary: var(--bg-shadow-blue);

    /* ═══ Brand Colors ═══ */
    --phosphor-green: #4AF626;
    --toxic-green: #00FF66;
    --lich-glow: #33FF99;
    --spirit-cyan: #66FFCC;

    --primary-color: var(--phosphor-green);
    --primary-rgb: 74, 246, 38;
    --border: var(--primary-color);
    --text-primary: var(--phosphor-green);
    --text-secondary: #B0A987;

    --blood-red: #993D41;
    --fire-red: #FF4444;
    --torch-gold: #FBB954;
    --gold: #FFD700;
    --teal: #407080;
    --ice-blue: #4A90D9;

    --parchment: #B0A987;
    --rust: #CD683D;
    --wood-brown: #8B4513;
    --royal-purple: #45293F;

    --accent: var(--torch-gold);
    --green: var(--toxic-green);
    --yellow: var(--torch-gold);
    --red: var(--blood-red);
    --blue: var(--ice-blue);
    --purple: var(--royal-purple);
    --sage: var(--toxic-green);

    /* ═══ Semantic Colors ═══ */
    --color-success: #00FF66;
    --color-success-rgb: 0, 255, 102;
    --color-warning: #FBB954;
    --color-warning-rgb: 251, 185, 84;
    --color-error: #FF4444;
    --color-error-rgb: 255, 68, 68;
    --color-info: #4A90D9;
    --color-info-rgb: 74, 144, 217;

    --success: var(--color-success);
    --success-rgb: var(--color-success-rgb);
    --warning: var(--color-warning);
    --warning-rgb: var(--color-warning-rgb);
    --error: var(--color-error);
    --error-rgb: var(--color-error-rgb);
    --info: var(--color-info);
    --info-rgb: var(--color-info-rgb);

    /* ═══ Spacing Scale (4px base) ═══ */
    --space-2xs: 2px;
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 12px;
    --space-lg: 16px;
    --space-xl: 20px;
    --space-2xl: 24px;
    --space-3xl: 32px;
    --space-4xl: 48px;
    --space-5xl: 64px;

    /* ═══ Typography Scale ═══ */
    --font-size-2xs: 10px;
    --font-size-xs: 11px;
    --font-size-sm: 12px;
    --font-size-base: 13px;
    --font-size-md: 14px;
    --font-size-lg: 16px;
    --font-size-xl: 18px;
    --font-size-2xl: 24px;
    --font-size-3xl: 32px;

    --line-height-tight: 1;
    --line-height-snug: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.6;

    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    --letter-spacing-tight: 0;
    --letter-spacing-normal: 1px;
    --letter-spacing-wide: 2px;

    /* ═══ Border Radius ═══ */
    --radius-none: 0;
    --radius-sm: 2px;
    --radius-md: 4px;
    --radius-lg: 8px;

    /* ═══ Shadows & Glows (dungeon-themed) ═══ */
    --glow: 0 0 10px currentColor, 0 0 20px currentColor;
    --glow-subtle: 0 0 5px rgba(var(--primary-rgb), 0.3);
    --glow-medium: 0 0 10px rgba(var(--primary-rgb), 0.4), 0 0 20px rgba(var(--primary-rgb), 0.2);
    --glow-intense: 0 0 15px rgba(var(--primary-rgb), 0.6), 0 0 30px rgba(var(--primary-rgb), 0.3), 0 0 45px rgba(var(--primary-rgb), 0.1);
    --shadow-card: 0 0 10px rgba(var(--primary-rgb), 0.15), inset 0 0 15px rgba(var(--primary-rgb), 0.03);
    --shadow-modal: 0 0 30px rgba(var(--primary-rgb), 0.4), 0 0 60px rgba(var(--primary-rgb), 0.2), 0 0 100px rgba(0, 0, 0, 0.8);

    /* ═══ Transitions ═══ */
    --transition-fast: 0.15s ease;
    --transition-normal: 0.2s ease;
    --transition-medium: 0.3s ease;
    --transition-slow: 0.5s ease;

    /* ═══ Z-Index Scale ═══ */
    --z-base: 1;
    --z-card: 10;
    --z-sticky: 100;
    --z-overlay: 1000;
    --z-modal: 1100;
    --z-toast: 1200;
    --z-tooltip: 1300;
    --z-max: 2000;

    /* ═══ Legacy Tokens ═══ */
    --ascii-frame-font-size: 14px;
    --ascii-frame-offset: 0px;
    --ascii-frame-shadow: 0 0 5px var(--primary-color);
    --ascii-font-family: 'JetBrains Mono', 'Consolas', 'Monaco', 'ASCII Font', 'WebPlus IBM MDA', 'VT323', monospace;
    --line-height: 1.2rem;
    --border-thickness: 2px;
}