:root {
    /* Brand Colors */
    --color-primary: #002FFF; /* Logo Vivid Blue */
    --color-primary-hover: #0021b3; /* Darker Vivid Blue */
    --color-secondary: #00d2ff; /* Cyan Accent */
    
    /* Surface Colors */
    --color-background: #ffffff;
    --color-surface: #f8fafc; /* Slate 50 */
    --color-surface-dark: #0f172a; /* Slate 900 */
    
    /* Text Colors */
    --color-text-main: #0f172a; /* Slate 900 */
    --color-text-muted: #64748b; /* Slate 500 */
    --color-text-inverse: #ffffff;
    
    /* Utility Colors */
    --color-border: #e2e8f0; /* Slate 200 */
    --color-glass-bg: rgba(255, 255, 255, 0.6);
    --color-glass-border: rgba(255, 255, 255, 0.8);
}