/* Play Store Theme Variables
 * Default: Light Mode
 * Dark mode: Add [data-theme="dark"] or .theme-dark to html/body
 * 
 * This file is prepared for future theme customization via site config.
 * Theme colors can be overridden by setting CSS variables inline or via JS.
 */

:root {
    /* Light Mode (Default) */
    --ps-bg-primary: #ffffff;
    --ps-bg-secondary: #f8f9fa;
    --ps-bg-card: #ffffff;
    --ps-bg-hover: #f1f3f4;
    --ps-bg-page: #f5f5f5;
    
    --ps-text-primary: #202124;
    --ps-text-secondary: #5f6368;
    --ps-text-muted: #9aa0a6;
    
    --ps-accent-green: #01875f;
    --ps-accent-blue: #1a73e8;
    --ps-star-color: #fdd663;
    
    --ps-border-color: #dadce0;
    --ps-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    --ps-shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.1);
    
    /* Radius */
    --ps-radius-sm: 8px;
    --ps-radius-md: 12px;
    --ps-radius-lg: 16px;
    --ps-radius-full: 9999px;
    
    /* Layout */
    --ps-page-max-width: 750px;
    
    /* Brand color - can be customized per client via site config */
    --ps-brand-color: #01875f;
}

/* Dark Mode */
[data-theme="dark"],
.theme-dark {
    --ps-bg-primary: #1f1f1f;
    --ps-bg-secondary: #2d2d2d;
    --ps-bg-card: #292929;
    --ps-bg-hover: #3d3d3d;
    --ps-bg-page: #121212;
    
    --ps-text-primary: #e8eaed;
    --ps-text-secondary: #9aa0a6;
    --ps-text-muted: #71767a;
    
    --ps-accent-blue: #8ab4f8;
    
    --ps-border-color: #3c4043;
    --ps-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    --ps-shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.4);
}

/* Theme color presets - matches site config theme options */
[data-brand="default"] { --ps-brand-color: #01875f; --ps-accent-green: #01875f; }
[data-brand="blue"] { --ps-brand-color: #1a73e8; --ps-accent-green: #1a73e8; }
[data-brand="red"] { --ps-brand-color: #d93025; --ps-accent-green: #d93025; }
[data-brand="orange"] { --ps-brand-color: #e37400; --ps-accent-green: #e37400; }
[data-brand="purple"] { --ps-brand-color: #7c4dff; --ps-accent-green: #7c4dff; }
[data-brand="pink"] { --ps-brand-color: #e91e63; --ps-accent-green: #e91e63; }
[data-brand="teal"] { --ps-brand-color: #00897b; --ps-accent-green: #00897b; }
[data-brand="indigo"] { --ps-brand-color: #3f51b5; --ps-accent-green: #3f51b5; }