/*
 * Manthan Greens design tokens — the only place brand values are defined.
 * Every other stylesheet (screen, print, PDF) must use these variables.
 */
:root {
  /* Brand */
  --mg-forest: #075C2D;
  --mg-forest-deep: #054522;
  --mg-emerald: #087A38;
  --mg-emerald-hover: #066A30;
  --mg-lime: #75C91D;
  --mg-sage: #EAF5E5;
  --mg-sage-strong: #D8ECCF;

  /* Surfaces & text */
  --mg-bg: #F7F8F4;
  --mg-card: #FFFFFF;
  --mg-text: #24352A;
  --mg-text-2: #647067;
  --mg-border: #E2E8DF;
  --mg-border-strong: #C9D3C5;

  /* Status */
  --mg-success: #168447;
  --mg-success-bg: #E6F4EA;
  --mg-warning: #D18B19;
  --mg-warning-text: #8A5A0B;
  --mg-warning-bg: #FDF3E1;
  --mg-danger: #C43D42;
  --mg-danger-bg: #FBEAEA;
  --mg-info-bg: var(--mg-sage);

  /* Typography (senior-friendly: body never below 16px) */
  --mg-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --mg-fs-xs: 15px;
  --mg-fs-sm: 16px;
  --mg-fs-body: 18px;
  --mg-fs-lg: 20px;
  --mg-fs-h3: 21px;
  --mg-fs-h2: 24px;
  --mg-fs-h1: 30px;
  --mg-fs-display: 42px;
  --mg-lh: 1.55;

  /* Shape & spacing */
  --mg-radius: 12px;
  --mg-radius-sm: 10px;
  --mg-radius-pill: 999px;
  --mg-space-1: 4px;
  --mg-space-2: 8px;
  --mg-space-3: 12px;
  --mg-space-4: 16px;
  --mg-space-5: 24px;
  --mg-space-6: 32px;
  --mg-space-7: 48px;

  /* Controls */
  --mg-control-h: 52px;
  --mg-tap: 48px;

  /* Elevation */
  --mg-shadow-sm: 0 1px 2px rgba(20, 45, 28, .05);
  --mg-shadow: 0 1px 2px rgba(20, 45, 28, .04), 0 6px 20px rgba(20, 45, 28, .05);
  --mg-focus: 0 0 0 4px rgba(117, 201, 29, .35);

  /* Layout */
  --mg-sidebar-w: 280px;
  --mg-bottom-nav-h: 72px;
}