@charset "utf-8";

:root {

  --content-width: calc(1120px + (var(--edge-padding) * 2));
  --edge-padding: 1.5rem; 

  /* brand */
  --sustainablegreen: #186e73;
  --sustainablegreenB: #008996;

  /* color */
  --color-primary: var(--sustainablegreenB);
  --color-primary-hover: #064A4F;
  /* --color-secondary: #d8f6f1; */
  --color-secondary: #C5E5E6;
  --color-secondary-light: #D1EAEB;
  --color-tertiary: var(--sustainablegreen);
  /* --color-gray: #eee; */
  /* --color-gray-secondary: #DAD9D6;
   */
  --color-gray: #D9D9D9;
  --color-lightGray: #F2F2F2;
  --color-darkGray: #525252;
  --color-error: #ff0000;
  --color-white: #fff;
  --color-black:
    /*#3C3C35;*/
    #111;
  /* height */
  --height-header: 117px;
}

@media (max-width: 1047px) {
  :root {
    --height-header: 56px;
  }
}

@media screen and (min-width: 1260px) {
  :root {
    --edge-padding: 2.5rem; 
  }
}