:root {
  /* Brand Colors */
  --color-primary: #2D6A4F;      /* Deep Green: header, primary buttons, active nav */
  --color-accent: #F4A261;       /* Rice Gold: highlights, key metrics, harvest status */
  --color-water: #2176AE;        /* Water Blue: irrigation/water data and alerts */
  --color-soil: #8B5E3C;         /* Soil Brown: soil related data */

  /* Status / Alert Colors */
  --color-critical: #E63946;     /* Alert Red: critical warning, emergency stop */
  --color-warning: #F59E0B;      /* Warning Orange: medium risk alerts */
  --color-success: #22C55E;      /* Success Green: healthy, active, success */

  /* Neutrals */
  --color-bg: #F3F4F6;           /* Soft Gray: page background */
  --color-surface: #FFFFFF;      /* Card / panel background */
  --color-text: #1F2937;         /* Dark Text: primary text */
  --color-text-muted: #6B7280;   /* Muted Text: secondary text, labels */
  --color-border: #E5E7EB;       /* Default hairline border */

  /* Zone Health Status Colors */
  --status-healthy: #22C55E;   /* Green: Healthy */
  --status-warning: #EAB308;   /* Yellow: Warning */
  --status-high-risk: #F59E0B; /* Orange: High risk */
  --status-critical: #E63946;  /* Red: Critical */
  --status-water: #2176AE;     /* Blue: Water related */
  --status-offline: #9CA3AF;   /* Gray: No data / offline */

  /* Module Colors */
  --module-monitoring: #2176AE;   /* Sensors */
  --module-irrigation: #2D6A4F;   /* Irrigation / Actuator */
  --module-disease: #F59E0B;      /* Disease Detection */
  --module-pest: #E63946;         /* Pest Detection */
  --module-ai: #F4A261;           /* AI Recommendation */
  --module-twin: linear-gradient(135deg, #2D6A4F, #2176AE); /* Digital Twin */
  --module-reporting: #3B82F6;    /* Reporting / Analytics */

  /* Radius, Spacing, Elevation */
  --radius-sm:   8px;    /* small chips, dropdown menus, small inline elements */
  --radius-md:   10px;   /* buttons, inputs, filter dropdowns, search bar */
  --radius-lg:   14px;   /* nav items, list rows, table wrapper corners */
  --radius-xl:   18px;   /* cards, panels, stat cards */
  --radius-2xl:  22px;   /* large containers, modals, page level panels */
  --radius-full: 9999px; /* avatars, status dots, badges/pills, toggle switches, icon chips */

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 40px;

  --shadow-xs:    0 1px 2px rgba(0,0,0,0.04);
  --shadow-sm:    0 1px 3px rgba(0,0,0,0.06);
  --shadow-md:    0 4px 12px rgba(0,0,0,0.08);
  --shadow-lg:    0 8px 24px rgba(0,0,0,0.10);   /* dropdowns, popovers */
  --shadow-modal: 0 16px 40px rgba(0,0,0,0.16);

  /* Typography */
  --font-sans: "Inter", "Segoe UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace; /* sensor values, IDs, timestamps */

  --text-xs:  12px;
  --text-sm:  13px;
  --text-base: 14px;  /* default body/table size */
  --text-md:  15px;
  --text-lg:  18px;
  --text-xl:  22px;
  --text-2xl: 28px;   /* page titles */
  --text-3xl: 34px;   /* KPI / stat card big numbers only */
}