/* ============================================
   CET ENVIRO — Design Tokens v2
   Poppins font, pure white bg, forest + sky
   ============================================ */
:root {
  --forest:        #0D3B25;
  --forest-mid:    #1A5C3A;
  --forest-light:  #2A7A52;
  --leaf:          #2EB67D;
  --leaf-pale:     #E8F7F0;

  --sky:           #00265D;
  --sky-mid:       #1A4A8A;
  --sky-light:     #E8F0FA;

  --white:         #FFFFFF;
  --page:          #FFFFFF;
  --off-white:     #F7F7F7;
  --card-bg:       #F2F2F2;
  --ink:           #0A0A0A;
  --text:          #1A1A1A;
  --text-mid:      #444444;
  --text-muted:    #707070;
  --border:        #E0E0E0;

  --font:          'Manrope', sans-serif;

  --text-xs:   11px;
  --text-sm:   13px;
  --text-base: 16px;
  --text-md:   16px;
  --text-lg:   18px;
  --text-xl:   22px;
  --text-2xl:  28px;
  --text-3xl:  36px;
  --text-4xl:  44px;
  --text-5xl:  54px;

  --space-xs:  4px;
  --space-sm:  8px;
  --space-md:  16px;
  --space-lg:  24px;
  --space-xl:  40px;
  --space-2xl: 64px;
  --space-3xl: 40px;

  --max-width:   1340px;
  --gutter:      40px;
  --nav-height:  68px;
  --radius-sm:   6px;
  --radius-md:   12px;
  --radius-lg:   16px;
  --radius-pill: 50px;

  --shadow-sm:  0 1px 3px rgba(0,0,0,0.07);
  --shadow-md:  0 4px 16px rgba(0,0,0,0.08);
  --shadow-lg:  0 12px 40px rgba(0,0,0,0.12);
  --ease:       cubic-bezier(0.4,0,0.2,1);
  --dur:        220ms;
}