:root {
  /* ===== Economic Scrap Palette — Professional Green Theme ===== */

  /* Primary — Deep Professional Economic Green (header, nav, headings, primary buttons) */
  --color-primary: #0F5132;
  --color-primary-dark: #082F1D;
  --color-primary-light: #D1E7DD;

  /* Secondary — Growth Green (status dots, positive deltas) */
  --color-secondary: #198754;
  --color-secondary-dark: #146C43;
  --color-secondary-light: #E2F0D9;

  /* Accent — Economic Vibrant Emerald (price highlights, active links, badges, CTAs) */
  --color-accent: #00A86B;
  --color-accent-dark: #007C4F;
  --color-accent-light: #E6F7F0;

  /* Highlights & Trends */
  --color-trend-up: #198754;
  --color-trend-up-light: #E2F0D9;
  --color-verified-light: #198754;
  --color-verified-dark: #0F5132;

  /* Neutrals (Light Mode Default) */
  --color-bg-main: #F4F8F6;      /* soft green-tinted off-white */
  --color-bg-card: #FFFFFF;
  --color-text-title: #0C1D15;   /* near-black green */
  --color-text-body: #213129;
  --color-text-muted: #516358;
  --color-border: rgba(15, 81, 50, 0.12);
  --color-focus-ring: rgba(0, 168, 107, 0.3);

  /* Fonts */
  --font-heading: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-2xl: 32px;
  --space-3xl: 48px;

  /* Sizing */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-full: 9999px;

  /* Shadow & Transitions */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.02);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.02);
  --transition-smooth: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}