/* NOYA GROUP */
: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: #FFFFFF;
  --header-background: linear-gradient( to bottom, var(--background-color), rgba(0, 0, 0, 0) );
  --text-color: #000000;
  --header-text-color: #000000;
  --contrast-color: #c94102 ;
  --blockquote-contrast-color:  var(--contrast-color);

  --logo-line-color: var(--contrast-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(--text-color);
  --footer-background-color:var(--background-color);
}