:root {
  /* Brand — Heritage Foods green retained as primary */
  --color-primary:      #1B6B35;
  --color-primary-dark: #14532D;
  --color-primary-light:#E8F5E9;
  --color-accent:       #14B8A6;

  /* Semantic — darkened for WCAG AA text contrast */
  --color-success: #166534;   /* was #16A34A — 5.2:1 on white */
  --color-warning: #92400E;   /* was #D97706 — 7.5:1 on white */
  --color-danger:  #991B1B;   /* was #DC2626 — 6.1:1 on white */
  --color-neutral: #475569;   /* was #64748B — better contrast */

  /* Decorative-only (borders, chart fills) — vivid, not used as text */
  --color-success-vivid: #16A34A;
  --color-warning-vivid: #D97706;
  --color-danger-vivid:  #DC2626;

  /* Surfaces */
  --bg-app:   #F3F4F8;
  --bg-card:  #FFFFFF;
  --bg-muted: #F1F5F9;
  --border:   #E2E8F0;
  --border-dark: #CBD5E1;

  /* Text */
  --text-primary:   #0F172A;
  --text-secondary: #475569;
  --text-muted:     #94A3B8;

  /* Product category colors */
  --c1: #3B82F6;
  --c2: #8B5CF6;
  --c3: #F59E0B;
  --c4: #06B6D4;
  --c1-bg: #EFF6FF;
  --c2-bg: #F5F3FF;
  --c3-bg: #FFFBEB;
  --c4-bg: #ECFEFF;

  /* Flags — text colors accessible on their light backgrounds */
  --flag-red:    #991B1B;   /* on #FEF2F2 = 6.1:1 ✓ */
  --flag-amber:  #92400E;   /* on #FFFBEB = 7.5:1 ✓ */
  --flag-green:  #166534;   /* on #F0FDF4 = 5.2:1 ✓ */
  --flag-red-bg:   #FEF2F2;
  --flag-amber-bg: #FFFBEB;
  --flag-green-bg: #F0FDF4;

  /* Typography */
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', 'Courier New', monospace;

  /* Spacing scale */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px;

  /* Radius */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(15,23,42,.06);
  --shadow-md: 0 4px 12px rgba(15,23,42,.08);
  --shadow-lg: 0 8px 24px rgba(15,23,42,.12);

  /* Topnav */
  --topnav-h: 56px;
  --sidebar-w: 220px;
  --filterbar-h: 52px;
}