/* Variables */
:root {
  --default-font: 'Work Sans', sans-serif;, sans-serif;
  --heading-font: 'Poppins', sans-serif;
  --default-text: #000000; 

  --btn-color-1: #e2f2d5;
  --btn-color-1-hover: #568A2B;
  --btn-text-1: #568A2B;

  --btn-color-2: #CAE8B2;
  --btn-color-2-hover: #568A2B;
  --btn-text-2: #568A2B;

  --btn-color-3: #A2CD7F;
  --btn-color-3-hover: #568A2B;
  --btn-text-3: #FFFDFE;

  --btn-color-4: #568A2B;
  --btn-color-4-hover: #376610;
  --btn-text-4: #ffffff;


  --brand-color-1: #e2f2d5;
  --brand-color-2: #F4FAEF;
  --brand-color-3: rgba(226,242,213,0.5);
  --brand-color-4: #568A2B;

  --dark-background: #2C2B2B;


  --valid-color: #078400;
  --valid-background: #74DF6E;
  --error-color: #A20004;
  --error-background: #FD7D80;

  --main-brand-color: #568A2B;

}