/**
 * Theme: Prestige Hub
 * Architecture: CSS Variables (Visual DNA)
 */

:root {
    /* Color Palette - Deep Dark / Metallic Mode */
    --ph-bg-base: #0a0a0a;
    --ph-bg-surface: #141414;
    --ph-bg-elevated: #1e1e1e;
    --ph-bg-floating: rgba(20, 20, 20, 0.95);
    
    --ph-accent-gold: #d4af37; /* Metallic Gold */
    --ph-accent-gold-glow: rgba(212, 175, 55, 0.2);
    --ph-accent-silver: #c0c0c0; /* Metallic Silver */
    --ph-accent-bronze: #cd7f32; /* Metallic Bronze */
    
    --ph-text-main: #e0e0e0;
    --ph-text-muted: #7a7a7a;
    
    --ph-success: #2ecc71;
    --ph-warning: #f39c12;
    --ph-danger: #e74c3c;
    
    /* Typography */
    --ph-font-sans: 'Rajdhani', -apple-system, BlinkMacSystemFont, sans-serif; /* Tech/Gaming feel */
    --ph-font-display: 'Cinzel', serif; /* Prestige/Classic feel */
    
    /* Border Radius Logic - Sharp, angular, aggressive */
    --ph-radius-sm: 4px;
    --ph-radius-md: 8px; /* Game Cards */
    --ph-radius-lg: 12px;
    --ph-radius-pill: 0px; /* No pills in Prestige Hub, sharp edges */
    
    /* Shadow Philosophy - Hard, directional, metallic */
    --ph-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.5);
    --ph-shadow-md: 0 4px 8px rgba(0, 0, 0, 0.8);
    --ph-shadow-glow: 0 0 15px var(--ph-accent-gold-glow);
    
    /* Motion Philosophy - Snappy, mechanical */
    --ph-transition-fast: 0.1s linear;
    --ph-transition-smooth: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* Grid Spacing Rhythm */
    --ph-spacing-xs: 4px;
    --ph-spacing-sm: 8px;
    --ph-spacing-md: 16px;
    --ph-spacing-lg: 24px;
    --ph-spacing-xl: 40px;
}