@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/open-sans-400.woff2') format('woff2')}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/open-sans-600.woff2') format('woff2')}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/open-sans-700.woff2') format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/poppins-400.woff2') format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/poppins-500.woff2') format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/poppins-600.woff2') format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/poppins-700.woff2') format('woff2')}

:root {
    --c-primary:    #00661e;
    --c-primary-dark: #004d17;
    --c-accent:     #fadf3f;
    --c-dark:       #000000;
    --c-grey-dark:  #333333;
    --c-grey:       #666666;
    --c-grey-light: #f4f4f4;
    --c-white:      #ffffff;
    --c-border:     #e0e0e0;

    --font-heading: 'Poppins', system-ui, sans-serif;
    --font-base:    'Open Sans', system-ui, sans-serif;

    --container:    1200px;
    --gap:          1.5rem;
    --radius:       4px;
    --shadow:       0 2px 8px rgba(0,0,0,.12);
    --transition:   .2s ease;

    --sp-1: .25rem;
    --sp-2: .5rem;
    --sp-3: .75rem;
    --sp-4: 1rem;
    --sp-6: 1.5rem;
    --sp-8: 2rem;
    --sp-12: 3rem;
    --sp-16: 4rem;
}