:root {
    /* Base Colors */
    --color-bg-deep: #1A1A2E;
    --color-bg-light: #FFF9F9;
    --color-accent-primary: #FFC4C4;   /* Soft Shell Pink */
    --color-accent-secondary: #D0F0E4; /* Pale Mint */
    --color-accent-tertiary: #BDE0FE;  /* Sky Blue */
    --color-accent-quaternary: #E0BBE4; /* Lavender / Light Purple */
    --color-warning: #ff4d4d;          /* Red */
    --color-highlight: #FFD700;        /* Gold */
    --color-star: #FFFFD1;             /* Star Yellow */
    
    /* Text Colors */
    --color-text-main: #5D5D5D;
    --color-text-muted: #999999;
    --color-text-white: #FFFFFF;
    --color-text-white-dim: rgba(255, 255, 255, 0.8);
    --color-text-brand: rgba(0, 0, 0, 0.6);
    --color-text-version: rgba(0, 0, 0, 0.3);
    
    /* UI Elements */
    --color-panel-bg: rgba(255, 255, 255, 0.85);
    --color-glass-border: #FFFFFF;
    --color-overlay-bg: rgba(0, 0, 0, 0.85);
    --color-miss-overlay-bg: rgba(40, 0, 0, 0.9);
    --color-card-bg: rgba(0, 0, 0, 0.6);
    --color-border-dim: rgba(255, 255, 255, 0.1);
    
    /* Legacy / Compatibility */
    --font-family: 'M PLUS Rounded 1c', 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;

    /* Z-index hierarchy */
    --z-index-base: 1;
    --z-index-hud: 10;
    --z-index-overlay: 100;
    --z-index-modal: 1000;
    --z-index-gallery: 1500;
    --z-index-settings: 2000;
    --z-index-toast: 3000;
    --z-index-max: 9999;
}