/* Site Global Settings colors and fonts */

:root{
  --primary: #00382A;        
  --secondary: #ECBB3D;  
  --bg: #FFFAF3;  
  --dark-orange:#D19600;

  /* Neutrals derived to match palette */
  --surface: #FFFFFF;
  --surface2: rgba(0,56,42,.04);
  --text: var(--primary);
  --muted: rgba(0,56,42,.72);
  --line: rgba(0,56,42,.14);

  /* UI */
  --radius: 16px;
  --radiusSm: 12px;
  --shadow: 0 10px 30px rgba(0,0,0,.08);

  --container: 1100px;
  --containerWide: 1300px;
  --gutter: 20px;

  --h1: 60px;
  --h2: 45px;
  --h3: 35px;
  --h4: 25px;
  --h5: 22px;
  --h6: 20px;
  --base: 16px;
  --heading-lh: 1.2;
  --body-lh:1.6;
  --header-height: 100px;
  
   --gap-vert: 60px;   
  --gap-horz: 40px;  
  --gap-sm: 14px;  
  
   
  --pad-y-lg: 6vh;    
  --pad-y-md: 4vh;   
  --pad-y-sm: 2vh;   

 
  --pad-x-lg: 4vw;   
  --pad-x-md: 3vw;    
  --pad-x-sm: 1vw;  
  
    --text-xs: 12px;
    --text-sm: 14px;
    --text-base: 16px; 
    --text-md: 18px;
    --counter:60px;

}