/* ===================================
   THEME: MARKETPLACE
   Clean, bright marketplace aesthetic
   Orange primary with white backgrounds
   =================================== */

html {
    background: #FAFAFA;
}

body {
    background: #FAFAFA;
    color: #222222;
}

:root {
    /* Background Colors */
    --theme-bg-primary: #FFFFFF;
    --theme-bg-secondary: #FAFAFA;
    --theme-bg-tertiary: #F5F5F5;
    --theme-bg-accent: #232347;
    --theme-bg-card: #FFFFFF;
    --theme-bg-hover: rgba(0,0,0,0.04);
    
    /* Gradient Colors */
    --theme-gradient-start: #F1641E;
    --theme-gradient-mid: #D14D0B;
    --theme-gradient-end: #FF8C5A;
    --theme-accent: #F1641E;
    --theme-accent-gradient-start: #FF8C5A;
    --theme-accent-gradient-end: #D14D0B;
    
    /* Hero/Button Gradient - Orange for Marketplace */
    --theme-btn-primary-bg: linear-gradient(135deg, #F1641E 0%, #D14D0B 100%);
    
    /* Text Colors */
    --theme-text-primary: #222222;
    --theme-text-secondary: #595959;
    --theme-text-heading: #171717;
    --theme-text-subtitle: #404040;
    --theme-text-muted: #757575;
    --theme-text-nav: #222222;
    --theme-text-accent: #F1641E;
    
    /* Border Colors */
    --theme-border-light: #E5E5E5;
    --theme-border-medium: #D4D4D4;
    --theme-border-accent: rgba(241,100,30,0.3);
    --theme-border-accent-solid: #F1641E;
    
    /* Shadow Colors */
    --theme-shadow-dark: rgba(0,0,0,0.1);
    --theme-shadow-accent: rgba(241,100,30,0.16);
    --theme-btn-shadow: rgba(241,100,30,0.3);
    
    /* Button Colors */
    --theme-btn-primary-bg: linear-gradient(180deg, #F1641E 0%, #D14D0B 100%);
    --theme-btn-primary-text: #FFFFFF;
    --theme-btn-primary-border: #F1641E;
    --theme-btn-outline-text: #F1641E;
    --theme-btn-outline-border: #F1641E;
    
    /* Status Colors */
    --theme-success: #22C55E;
    --theme-warning: #F59E0B;
    --theme-error: #EF4444;
    --theme-info: #3B82F6;
    
    /* Form Controls */
    --theme-input-bg: #FFFFFF;
    --theme-input-text: #222222;
    --theme-input-placeholder: #A3A3A3;
    --theme-input-border: #E5E5E5;
    --theme-input-border-focus: #F1641E;
    --theme-select-bg: #FFFFFF;
}