/* Hallmark · studied-DNA (source: https://www.obieplus.eu/, eigen merk-site gebruiker)
 * macrostructure: Catalogue · nav: merk-header + menubalk (obieplus-parity) · footer: rode kolommenfooter (obieplus-parity)
 * paper: #ffffff · ink: #333333 · accent: #ed1c24 / #d81a21 · display: Montserrat · body: Mulish
 * enrichment: CSS-art hero (lucht/veld, spandoek-echo) · context: user-provided · pre-emit critique: P4 H4 E4 S5 R4 V4
 */
:root {
  --color-paper:      #ffffff;
  --color-paper-2:    #f9f9f9;
  --color-rule:       #ededed;
  --color-rule-2:     #dcdcdc;
  --color-ink:        #333333;
  --color-muted:      #666666;
  --color-red:        #ed1c24;
  --color-red-dark:   #d81a21;
  --color-red-deep:   #b8151b;
  --color-black:      #111111;
  --color-white:      #ffffff;
  --color-foot-text:  #f6dfe0;
  --color-sky:        #4a9de0;
  --color-sky-light:  #bfdcf2;
  --color-grass:      #4d9c3a;
  --color-grass-dark: #2f7423;
  --color-overlay:    rgba(40, 40, 40, 0.72);
  --color-focus:      #b8151b;

  --font-display: "Montserrat", Helvetica, Arial, sans-serif;
  --font-body:    "Mulish", Helvetica, Arial, sans-serif;

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-md:   1.125rem;
  --text-lg:   1.375rem;
  --text-xl:   1.75rem;
  --text-2xl:  2.25rem;

  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;

  --radius: 5px;
  --radius-lg: 14px;
  --rule-hair: 1px;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-micro: 120ms;
  --dur-short: 220ms;

  --page-gutter: clamp(1rem, 4vw, 3rem);
  --content-max: 72rem;
}