/* TheMerchantGuide Color System - Dark Theme with Golden Accents */
:root {
  /* Primary Golden Palette (inspired by rolftaylor.com) */
  --golden-primary: #DCA54A;       /* Main golden accent - like rolftaylor */
  --golden-primary-light: #E8B866; /* Light golden - highlights */
  --golden-primary-dark: #C4923D;  /* Darker golden - hover states */
  
  /* Semantic Primary Colors */
  --color-primary: var(--golden-primary);
  --color-primary-light: var(--golden-primary-light);
  --color-primary-dark: var(--golden-primary-dark);
  
  /* Text Colors - High Contrast Like Rolf Taylor */
  --text-primary: #FFFFFF;         /* Main text - white for dark backgrounds */
  --text-secondary: #FAF5E5;       /* Secondary text - soft cream */
  --text-muted: #B8B8B8;          /* Muted text - light gray */
  --text-on-golden: #1B1B1B;      /* Text on golden backgrounds - dark */
  --text-link: var(--golden-primary); /* Golden links */
  --text-link-hover: var(--golden-primary-light); /* Lighter golden on hover */
  
  /* Background Colors - Olive Theme */
  --bg-primary: #6B6B47;          /* Main background - olive green from logo */
  --bg-secondary: #7A7A55;        /* Secondary background - slightly lighter olive */
  --bg-card: #5A5A3F;             /* Card backgrounds - darker olive */
  --bg-accent: rgba(220, 165, 74, 0.1); /* Subtle golden accent backgrounds */
  --bg-gradient-primary: linear-gradient(135deg, var(--golden-primary), var(--golden-primary-dark));
  --bg-gradient-card: linear-gradient(135deg, #5A5A3F 0%, #7A7A55 50%, #5A5A3F 100%);
  
  /* Border Colors */
  --border-primary: var(--golden-primary); /* Golden borders */
  --border-secondary: #8A8A67;    /* Lighter olive borders */
  --border-accent: var(--golden-primary-light); /* Light golden accent borders */
  --border-hover: var(--golden-primary-light); /* Hover border states */
  
  /* Button Colors */
  --btn-primary-bg: var(--bg-gradient-primary);
  --btn-primary-text: var(--text-on-golden);
  --btn-primary-border: transparent;
  --btn-secondary-bg: transparent;
  --btn-secondary-text: var(--golden-primary);
  --btn-secondary-border: var(--golden-primary);
  
  /* Status Colors */
  --color-success: var(--golden-primary); /* Golden for success */
  --color-success-light: var(--golden-primary-light);
  --color-warning: #E8B866;        /* Light golden for warnings */
  --color-error: #E85A4F;          /* Warm red for errors */
  --color-info: var(--golden-primary); /* Golden for info */
  
  /* Shadow Colors */
  --shadow-golden: rgba(220, 165, 74, 0.3);
  --shadow-golden-hover: rgba(220, 165, 74, 0.4);
  --shadow-primary: rgba(0, 0, 0, 0.3);
  
  /* Opacity Variants */
  --golden-10: rgba(220, 165, 74, 0.1);
  --golden-20: rgba(220, 165, 74, 0.2);
  --golden-30: rgba(220, 165, 74, 0.3);
  --golden-40: rgba(220, 165, 74, 0.4);
  --golden-50: rgba(220, 165, 74, 0.5);
  
  /* Component-Specific Colors */
  --nav-bg: var(--bg-accent);
  --nav-border: var(--border-primary);
  --nav-link: var(--bg-primary);
  --nav-link-hover: var(--bg-gradient-primary);
  --nav-link-active: var(--bg-gradient-primary);
  
  --header-bg: var(--bg-gradient-card);
  --header-text: var(--text-primary);
  --header-accent: var(--green-primary);
  
  --card-bg: var(--bg-card);
  --card-border: var(--border-primary);
  --card-hover-border: var(--border-accent);
  --card-shadow: var(--shadow-primary);
  --card-hover-shadow: var(--shadow-golden-hover);
  
  --form-bg: var(--bg-secondary);
  --form-border: var(--border-secondary);
  --form-focus-border: var(--border-accent);
  --form-focus-shadow: var(--shadow-golden);
  
  /* Tag Colors */
  --tag-bg: var(--golden-20);
  --tag-text: var(--text-primary);
  --tag-border: var(--golden-30);
  
  /* Gradient Combinations */
  --gradient-primary: linear-gradient(135deg, var(--golden-primary-light) 0%, var(--golden-primary) 100%);
  --gradient-header: linear-gradient(135deg, #5A5A3F 0%, #7A7A55 50%, #5A5A3F 100%);
  --gradient-card: linear-gradient(135deg, #5A5A3F 0%, #7A7A55 100%);
  --gradient-divider: linear-gradient(135deg, var(--golden-primary-light), var(--golden-primary));
}

/* Dark mode support (already implemented as default) */
@media (prefers-color-scheme: light) {
  :root {
    /* Light mode overrides if needed */
    --bg-primary: #FFFFFF;
    --bg-secondary: #F5F5F5;
    --text-primary: #1B1B1B;
    --text-secondary: #666666;
  }
}