/* ========================================
   FLUFFYFIENDS THEME - GOLD COLOR SYSTEM
   Based on Petland Kennesaw (Orange → Gold)
   ======================================== */

:root {
  /* Primary Gold Colors */
  --gold-primary: #D4AF37;        /* Main gold */
  --gold-light: #F4D03F;          /* Lighter gold for hover */
  --gold-dark: #B8941F;           /* Darker gold for borders */
  --gold-accent: #FFD700;         /* Bright gold accent */
  
  /* Neutral Colors */
  --dark-bg: #1a1a1a;             /* Dark backgrounds */
  --dark-header: #2c2c2c;         /* Header/footer dark */
  --light-bg: #ffffff;            /* White sections */
  --light-gray: #f5f5f5;          /* Light gray backgrounds */
  --medium-gray: #666666;         /* Medium gray text */
  --border-gray: #e0e0e0;         /* Borders and dividers */
  
  /* Text Colors */
  --text-primary: #333333;        /* Main text */
  --text-secondary: #666666;      /* Secondary text */
  --text-light: #999999;          /* Light text */
  --text-white: #ffffff;          /* White text */
  
  /* Overlay Colors */
  --overlay-dark: rgba(0, 0, 0, 0.6);
  --overlay-light: rgba(0, 0, 0, 0.3);
  
  /* Status Colors */
  --success: #4CAF50;
  --error: #f44336;
  --warning: #ff9800;
  --info: #2196F3;
  
  /* Spacing System */
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 2rem;
  --spacing-lg: 3rem;
  --spacing-xl: 4rem;
  
  /* Typography */
  --font-primary: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-heading: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  
  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
  --transition-slow: 0.5s ease;
  
  /* Border Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  
  /* Shadows */
  --shadow-sm: 0 2px 4px rgba(0,0,0,0.1);
  --shadow-md: 0 4px 8px rgba(0,0,0,0.15);
  --shadow-lg: 0 8px 16px rgba(0,0,0,0.2);
  --shadow-xl: 0 12px 24px rgba(0,0,0,0.25);
}

/* Gold Gradient Utilities */
.gold-gradient {
  background: linear-gradient(135deg, var(--gold-primary) 0%, var(--gold-accent) 100%);
}

.gold-gradient-hover {
  background: linear-gradient(135deg, var(--gold-light) 0%, var(--gold-primary) 100%);
}

/* Dark Theme Overrides (if needed) */
[data-theme="dark"] {
  --light-bg: #1a1a1a;
  --text-primary: #ffffff;
  --text-secondary: #cccccc;
}