:root {
    /* Zone colors */
    --forge-color: #fcee0a;
    --forge-color-dark: #c6bb08;
    --forge-color-light: #fdff8f;
    
    --library-color: #00f0ff;
    --library-color-dark: #00c0cc;
    --library-color-light: #99f9ff;
    
    --oracle-color: #ff00a0;
    --oracle-color-dark: #cc0080;
    --oracle-color-light: #ff99d6;
    
    --wheel-color: #ff003c;
    --wheel-color-dark: #cc0030;
    --wheel-color-light: #ff99ae;
    
    /* Background colors */
    --bg-dark: #121212;
    --bg-darker: #0a0a0a;
    --bg-surface: #1e1e1e;
    --bg-surface-light: #242424;
    
    /* Text colors */
    --text-primary: #ffffff;
    --text-secondary: #cccccc;
    --text-tertiary: #999999;
    
    /* Accent colors */
    --accent-blue: #0066ff;
    --accent-green: #39ff14;
    --accent-purple: #9d00ff;
    --accent-orange: #ff6600;
}

/* Text color utilities */
.text-forge {
    color: var(--forge-color);
}

.text-library {
    color: var(--library-color);
}

.text-oracle {
    color: var(--oracle-color);
}

.text-wheel {
    color: var(--wheel-color);
}

/* Background color utilities */
.bg-forge {
    background-color: var(--forge-color);
}

.bg-library {
    background-color: var(--library-color);
}

.bg-oracle {
    background-color: var(--oracle-color);
}

.bg-wheel {
    background-color: var(--wheel-color);
}

/* Semi-transparent background colors */
.bg-forge-10 {
    background-color: rgba(252, 238, 10, 0.1);
}

.bg-library-10 {
    background-color: rgba(0, 240, 255, 0.1);
}

.bg-oracle-10 {
    background-color: rgba(255, 0, 160, 0.1);
}

.bg-wheel-10 {
    background-color: rgba(255, 0, 60, 0.1);
}

/* Border color utilities */
.border-forge {
    border-color: var(--forge-color);
}

.border-library {
    border-color: var(--library-color);
}

.border-oracle {
    border-color: var(--oracle-color);
}

.border-wheel {
    border-color: var(--wheel-color);
}

/* Text shadow utilities */
.text-shadow-neon {
    text-shadow: 0 0 5px currentColor, 0 0 10px currentColor, 0 0 15px currentColor;
}