/* AgroCares brand tokens - derived from "Designsheet AgroCares" (Wageningen, 30 Jan 2018)
   Typography: Poppins (Google Fonts, open licence) replaces Barlow/Sofia Pro per client instruction.
   Rules: flat design - no drop shadows, no gradients, no colour changes to logos. */
:root {
  /* Primary */
  --ac-green:        #37AB49;   /* RGB 55/171/73  - primary brand green */
  --ac-green-dark:   #2E9440;   /* hover/active derived from primary */
  --ac-green-tint:   #EAF6EC;   /* 10% tint for soft backgrounds */
  --ac-brown:        #3C3734;   /* RGB 60/55/52   - primary dark, headings, footer */
  /* Secondary / sub-brands */
  --ac-cyan:         #46BFE0;   /* CropCares */
  --ac-cream:        #FAF6EB;   /* warm neutral background */
  --ac-yellow:       #FBBA00;   /* FeedCares */
  --ac-soil:         #4F351E;   /* SoilCares */
  --ac-leaf:         #1F6C21;   /* LeafCares */
  --ac-orange:       #F59D19;   /* accent */
  /* Greys */
  --ac-grey-900:     #646363;
  --ac-grey-600:     #9D9D9C;
  --ac-grey-300:     #D0D0D0;
  --ac-grey-200:     #EDEDED;
  --ac-grey-100:     #F6F6F6;
  --ac-white:        #FFFFFF;
  /* Semantic */
  --ac-text:         var(--ac-brown);
  --ac-text-muted:   var(--ac-grey-900);
  --ac-border:       var(--ac-grey-300);
  --ac-bg:           var(--ac-white);
  --ac-bg-alt:       var(--ac-grey-100);
  --ac-link:         var(--ac-green);
  /* Type */
  --ac-font:         'Poppins', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --ac-fs-hero:      clamp(2.25rem, 4vw, 3.5rem);
  --ac-fs-h1:        clamp(2rem, 3.2vw, 2.75rem);
  --ac-fs-h2:        clamp(1.6rem, 2.4vw, 2.125rem);
  --ac-fs-h3:        1.375rem;
  --ac-fs-h4:        1.125rem;
  --ac-fs-body:      1rem;      /* 16px */
  --ac-fs-small:     0.875rem;
  --ac-lh-tight:     1.15;
  --ac-lh-body:      1.65;
  /* Spacing (8pt grid) */
  --ac-s-1: .5rem; --ac-s-2: 1rem; --ac-s-3: 1.5rem; --ac-s-4: 2rem; --ac-s-6: 3rem; --ac-s-8: 4rem; --ac-s-12: 6rem;
  --ac-container:    1200px;
  --ac-radius:       6px;      /* small, consistent; flat look */
  --ac-radius-lg:    12px;
  --ac-transition:   .18s ease;
}