/**
 * Theme: Cloud Play
 * Architecture: CSS Variables (Visual DNA)
 */

:root {
    /* Color Palette - Soft Light Mode */
    --cp-bg-base: #f4f7f6;
    --cp-bg-surface: #ffffff;
    --cp-bg-floating: rgba(255, 255, 255, 0.9);
    
    --cp-accent-primary: #ff6b6b; /* Coral Pink */
    --cp-accent-primary-glow: rgba(255, 107, 107, 0.3);
    --cp-accent-secondary: #1dd1a1; /* Mint Green */
    --cp-accent-secondary-glow: rgba(29, 209, 161, 0.3);
    --cp-accent-tertiary: #54a0ff; /* Soft Blue */
    
    --cp-text-main: #2d3436;
    --cp-text-muted: #636e72;
    
    --cp-success: #1dd1a1;
    --cp-warning: #feca57;
    --cp-danger: #ff6b6b;
    
    /* Typography */
    --cp-font-sans: 'Nunito', -apple-system, BlinkMacSystemFont, sans-serif;
    --cp-font-display: 'Fredoka One', 'Nunito', sans-serif; /* Playful, rounded */
    
    /* Border Radius Logic - Pill/Rounded Aesthetics */
    --cp-radius-sm: 12px;
    --cp-radius-md: 24px; /* Game Cards */
    --cp-radius-lg: 32px;
    --cp-radius-pill: 9999px; /* Primary Buttons */
    
    /* Shadow Philosophy - Soft, diffuse, neutral */
    --cp-shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.04);
    --cp-shadow-md: 0 10px 30px rgba(0, 0, 0, 0.08);
    --cp-shadow-hover: 0 15px 40px rgba(0, 0, 0, 0.12);
    
    /* Motion Philosophy - Smooth, fluid, frictionless */
    --cp-transition-fast: 0.2s ease-out;
    --cp-transition-smooth: 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    --cp-transition-bounce: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
    
    /* Grid Spacing Rhythm */
    --cp-spacing-xs: 6px;
    --cp-spacing-sm: 12px;
    --cp-spacing-md: 20px;
    --cp-spacing-lg: 32px;
    --cp-spacing-xl: 56px;
}