/* ==========================================================================
   Theme tokens — Agriculture Green palette, light + dark mode
   ========================================================================== */

:root {
  /* Brand greens */
  --primary: #2E7D32;
  --primary-dark: #1B5E20;
  --primary-light: #43A047;
  --primary-pale: #E8F5E9;

  /* Neutrals */
  --white: #FFFFFF;
  --grey-light: #F5F7F5;
  --grey-mid: #9AA79C;
  --grey-line: rgba(20, 50, 42, 0.14);
  --text: #1B231C;
  --text-soft: #4C5C4E;

  /* Status colors */
  --warning: #F57C00;
  --warning-bg: #FDECD8;
  --critical: #C62828;
  --critical-bg: #FBE3E1;
  --success: #2E7D32;
  --success-bg: #E1F0E2;

  /* Surface */
  --surface: var(--white);
  --surface-alt: var(--primary-pale);
  --page-bg: var(--grey-light);

  /* Elevation / shape */
  --shadow-sm: 0 1px 2px rgba(20, 50, 42, 0.08);
  --shadow-md: 0 10px 26px rgba(20, 50, 42, 0.12);
  --radius: 16px;
  --radius-sm: 10px;
  --radius-pill: 999px;

  /* Type */
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, monospace;

  /* Motion */
  --transition-fast: 0.15s ease;
  --transition-med: 0.25s ease;
}

[data-theme="dark"] {
  --primary: #43A047;
  --primary-dark: #2E7D32;
  --primary-light: #66BB6A;
  --primary-pale: #1C2B1E;

  --white: #182019;
  --grey-light: #10160F;
  --grey-mid: #6E7C6F;
  --grey-line: rgba(200, 224, 205, 0.14);
  --text: #EAF1EA;
  --text-soft: #B7C6B8;

  --warning-bg: #3A2C14;
  --critical-bg: #3A1E1D;
  --success-bg: #16281A;

  --surface: #1B241C;
  --surface-alt: #1C2B1E;
  --page-bg: #10160F;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 10px 26px rgba(0, 0, 0, 0.45);
}