// novo Market Theme - Green Colors
:root {
  --primary-color: #10b981;
  --primary-hover: #059669;
  --secondary-color: #14b8a6;
  --secondary-hover: #0d9488;
  --accent-color: #34d399;
  --accent-hover: #10b981;
  
  --gradient-primary: linear-gradient(135deg, #10b981 0%, #14b8a6 100%);
  --gradient-secondary: linear-gradient(135deg, #34d399 0%, #10b981 100%);
  --gradient-hero: linear-gradient(135deg, #10b981 0%, #059669 100%);
  
  --text-primary: #1f2937;
  --text-secondary: #4b5563;
  --text-light: #9ca3af;
  
  --bg-primary: #ffffff;
  --bg-secondary: #f0fdf4;
  --bg-tertiary: #d1fae5;
  
  // WCAG AA remediation (2026-08-17): darkened, hue-preserving, to clear 4.5:1
  // as plain text against --bg-primary. Originals measured 2.15-3.76:1.
  --success-color: #0c855d;
  --warning-color: #a36907;
  --error-color: #eb1515;
  --info-color: #1e6ff5;

  // WCAG AA remediation (2026-08-17): darkened to clear 3:1 non-text/UI-component
  // contrast against --bg-primary. Original measured 1.24:1.
  --border-color: #8c95a6;
  --border-dark: #4b5563;
  --bg-header: rgba(16, 185, 129, 0.05);
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 12px 40px rgba(16, 185, 129, 0.25);
  
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-full: 999px;
}

// Structural dark-mode overrides only (surface/text/border tokens). Brand
// colors (primary/secondary/accent/gradients) are unchanged - a distinct
// dark-mode brand palette is a design decision, not made here. See
// GAPS-AND-IMPROVEMENTS.md item "Dark mode selector does nothing".
:root[data-theme-mode="dark"] {
  --text-primary: #f3f4f6;
  --text-secondary: #cbd2da;
  --text-light: #9aa4b1;

  --bg-primary: #14181a;
  --bg-secondary: #10231a;
  --bg-tertiary: #123a29;
  --bg-header: rgba(0, 0, 0, 0.35);

  --border-color: #313a37;
  --border-dark: #4b5563;
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.5);
}
