/* theme.css - Global theme variables - LIGHT THEME */

:root {
    /* Primary Colors */
    --primary: #F5B041;
    --primary-light: #F8C471;
    --primary-dark: #D68910;
    --primary-variant: #D68910;
    --primary-rgb: 245, 176, 65;
    
    /* Surface Colors - LIGHT THEME */
    --background: #FFFFFF;
    --surface: #FFFFFF;
    --surface-variant: #F5F5F5;
    --surface-dim: #EEEEEE;
    
    /* Text Colors - LIGHT THEME */
    --on-primary: #FFFFFF;
    --on-surface: #212121;
    --on-surface-variant: #555555;
    --on-surface-dim: #757575;
    --on-background: #212121;
    
    /* Aliases */
    --text-color: #212121;
    --text-secondary: #555555;
    --text-dim: #757575;
    --hero-bg: linear-gradient(170deg, #FFFFFF 0%, #F8F9FA 100%);
    --card-bg: #FFFFFF;
    --border-color: rgba(0, 0, 0, 0.08);
    
    /* Status Colors */
    --success: #2E7D32;
    --success-rgb: 46, 125, 50;
    --error: #C62828;
    --error-rgb: 198, 40, 40;
    --warning: #F9A825;
    --info: #1976D2;
    
    /* Effects */
    --gold-gradient: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);
    --glass-effect: rgba(0, 0, 0, 0.02);
    --glass-border: rgba(0, 0, 0, 0.08);
    --card-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    --card-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.1);
    --hover-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    --hover-shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.12);
    
    /* Spacing */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    
    /* Typography */
    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-size-xs: 12px;
    --font-size-sm: 14px;
    --font-size-md: 16px;
    --font-size-lg: 18px;
    --font-size-xl: 24px;
    --font-size-2xl: 32px;
    
    /* Border Radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 24px;
    --radius-full: 9999px;
    
    /* Transitions */
    --transition-base: all 0.3s ease;
    --transition-smooth: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* Legacy Support */
    --primary-color: var(--primary);
    --background-color: var(--background);
    --surface-color: var(--surface);
    --shadow: var(--card-shadow);
    --radius: var(--radius-md);
}