/* CSS Variables */
:root {
    /* Projectile Colors (defined in js/config/constants.js and used for stage-specific UI) */
    --stage-slingapult-color: #ff3366; /* Red */
    --stage-slingapult-rgb: 255, 51, 102;
    --stage-sorcerarcher-color: #33ccff; /* Blue */
    --stage-sorcerarcher-rgb: 51, 204, 255;
    --stage-samurocket-color: #ffcc00; /* Yellow */
    --stage-samurocket-rgb: 255, 204, 0;

    /* New UI Theme Colors (distinct from projectiles) */
    --ui-theme-primary: #7F5AF0;       /* Bright Purple */
    --ui-theme-primary-rgb: 127, 90, 240;
    --ui-theme-secondary: #2CB67D;     /* Green/Teal */
    --ui-theme-secondary-rgb: 44, 182, 125;
    --ui-theme-accent: #FF9900;        /* Orange */
    --ui-theme-accent-rgb: 255, 153, 0;

    /* Core color palette */
    --background-color: #0a0a1a;
    --bg-secondary: #141428;
    --text-color: #ffffff;
    --text-secondary: #cccccc;
    --hud-bg-color: rgba(10, 10, 26, 0.7); /* Slightly less transparent HUD/Inventory BG */
    --hud-bg-color-rgb: 10, 10, 26; /* For direct use with opacity */
    --disabled-color: #555566; /* Color for disabled elements */

    /* Redefine general UI colors using the new theme */
    --primary-color: var(--ui-theme-primary);    /* Was Stage 1 Red, now UI Primary Purple */
    --secondary-color: var(--ui-theme-secondary);   /* Was Stage 2 Blue, now UI Secondary Green/Teal */
    --accent-color: var(--ui-theme-accent);     /* Was Stage 3 Yellow, now UI Accent Orange */
    
    /* Specific usage colors, now also using the new UI theme accent */
    --blocks-color: var(--ui-theme-accent);     /* Blocks HUD color */
    --gem-color: var(--ui-theme-accent); /* Gem color */

    /* UI dimensions */
    --border-radius: 8px;
    --inventory-bar-height: 65px; /* Height of the bottom inventory bar */
    --inventory-slot-size: 38px; /* Size of individual inventory squares */
}