/* NOYA ARCHITECTS */
:root {
  --site-width: max(90vw, 1024px);
  --medium-grid-width: max(70vw, 1024px);
  --small-grid-width: max(60vw, 1024px);
  --tiny-grid-width: max(40vw, 1024px);

  --header-height: 130px;

  /* font */
  --body-font-weight:300;
  --body-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --headline-font-weight:300;
  --headline-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --headline-h2-transform: uppercase;
  --headline-h2-align: left;

  --nav-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  /* colors */
  --background-color: #FFFFFF;
  --background: var(--background-color);

  --header-background: linear-gradient( to bottom, rgba(255, 255, 255, 0.8) 0%,  rgba(255, 255, 255, 0.6) 20%,  rgba(255, 255, 255, 0.4) 40%,  rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 100% );

  --text-color: #143657;
  --header-text-color: var(--text-color);

  --contrast-color:  #c5ccd2;
  --blockquote-contrast-color:  var(--contrast-color);

  --logo-line-color: var(--text-color);

  --headline-border-color: var(--contrast-color);

  /* margins */
  --header-top-margin: 50px;
  --section-gap: min(6vw, 100px); /* gap between sections, vertical*/
  --grid-gap: 2rem;                         /* gap between cols, horizontal*/
  --block-gap: 1rem;                      /* gap between blocks, vertical*/

  /* footer */
  --footer-border-color: var(--contrast-color);
  --footer-color: var(--background-color);
  --footer-background-color:var(--text-color);
}