:root{
  /* colors */
  --color-black:#000;
  --color-white:#fff;
  --color-border:#585858;
  --color-muted:#3f3f3f;
  --color-focus:#0f0;
  --color-error:red;
  --color-error-bg:#fdd;
  --color-whatsapp:#25d366;
  --color-whatsapp-dark:#25ad48;
  --color-cookie-bg:#221d1a;

  /* fonts */
  --font-condensed:NarkisBlockCondensed,sans-serif;
  --font-narkis:NarkisBlock,sans-serif;
  --font-novum:volvo_novum;
  --font-frank:FrankRuehl, sans-serif;

  /* z-index */
  --z-whatsapp:10000;

  /* safety rating swatches */
  --safety-zero:#d22627;
  --safety-one:#ee8222;
  --safety-two:#ffca26;
  --safety-three:#1dba9b;
  --safety-four:#3197ac;
  --safety-five:#219dd3;
  --safety-six:#1184c7;
  --safety-seven:#3a7fc2;
  --safety-eight:#4166b0;
  --safety-fourteen:#cb232c;

  /* emission rating swatches */
  --zihum-one:#264f3e;
  --zihum-two:#106443;
  --zihum-three:#067a48;
  --zihum-four:#0b924f;
  --zihum-five:#15a74f;
  --zihum-six:#4ab848;
  --zihum-seven:#a5ce39;
  --zihum-eight:#f8ef20;
  --zihum-nine:#fecc0c;
  --zihum-ten:#faa61c;
  --zihum-eleven:#f58220;
  --zihum-twelve:#f15825;
  --zihum-thirteen:#db3a27;
  --zihum-fourteen:#cb232c;
  --zihum-fifteen:#a82932;
}