/* AgriEmergency design tokens — source of truth: UI.md §2, §3, §14 */

:root {
  /* Colour */
  --forest-900: #12372b;
  --forest-800: #174735;
  --leaf-700: #26734d;
  --leaf-600: #2f8a5b;
  --leaf-100: #e7f3ea;
  --canvas: #f5f7f4;
  --surface: #ffffff;
  --surface-muted: #eef2ee;
  --ink: #17231d;
  --ink-secondary: #5d6b62;
  --ink-tertiary: #7b887f;
  --line: #e0e7e1;
  --urgent: #b42318;
  --urgent-soft: #fdecea;
  --caution: #8a5200;
  --caution-soft: #fff3d6;
  --info: #2459a6;
  --info-soft: #eaf2ff;
  --neutral-pill: #e9eeea;

  /* Type */
  --font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --text-display: 700 34px/40px var(--font-ui);
  --text-page: 700 28px/34px var(--font-ui);
  --text-section: 700 20px/26px var(--font-ui);
  --text-card: 600 16px/22px var(--font-ui);
  --text-body: 400 16px/24px var(--font-ui);
  --text-supporting: 400 14px/20px var(--font-ui);
  --text-label: 600 13px/18px var(--font-ui);
  --text-caption: 500 12px/16px var(--font-ui);

  /* Space */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --gutter: 20px;
  --card-pad: 16px;

  /* Shape */
  --radius-chip: 999px;
  --radius-control: 12px;
  --radius-card: 18px;
  --radius-sheet: 24px;
  --hairline: 1px solid var(--line);

  /* Elevation (used sparingly) */
  --shadow-floating: 0 8px 28px rgba(18, 55, 43, 0.1);

  /* Metrics */
  --content-max: 1120px;
  --form-max: 640px;
  --control-h: 52px;
  --tap-min: 44px;
  --header-h: 60px;
  --bottomnav-h: 66px;
}

@media (min-width: 1024px) {
  :root {
    --card-pad: 20px;
    --gutter: 24px;
  }
}