:root {
  /* Font families */
  --tfb-serif-font: 'Oswald', 'Work Sans', serif;
  --tfb-sans-serif-font: 'Montserrat', 'Work Sans', sans-serif;

  /* Catalog theme */
  font-family: var(--tfb-sans-serif-font);

  --ir-default-font-face: var(--tfb-sans-serif-font);
  --ir-primary-00: #dbeedd;
  --ir-primary-10: #a5d6ab;
  --ir-primary-20: #a5d6ab;
  --ir-primary-30: #80c589;
  --ir-primary-40: #65b870;
  --ir-primary-50: #4aac57;
  --ir-primary-60: #3f924a;
  --ir-primary-70: #34783d;
  --ir-primary-80: #25562c;
  --ir-primary-90: #0b1a0d;
  --ir-secondary-00: #cfd7dc;
  --ir-secondary-10: #b7c3ca;
  --ir-secondary-20: #889ba7;
  --ir-secondary-30: #587384;
  --ir-secondary-40: #345569;
  --ir-secondary-50: #10374f;
  --ir-secondary-60: #0e2f43;
  --ir-secondary-70: #0b2737;
  --ir-secondary-80: #081c28;
  --ir-secondary-90: #02080c;
  --ir-neutral-00: #f4f4f4;
  --ir-neutral-10: #d6d6d6;
  --ir-neutral-20: #bbb;
  --ir-neutral-30: #999;
  --ir-neutral-40: #777;
  --ir-neutral-50: #555;
  --ir-neutral-60: #333;
  --ir-neutral-70: #222;
  --ir-base-unit: 4px;
  --ir-background-color: #fff;
  --ir-contrast-color-on-primary-50: #efefef;
  --ir-contrast-color-on-secondary-50: #333;
  --ir-table-row-color: var(--ir-background-color);
  --ir-table-alternate-row-color: #aaa;
  --ir-shadow-color: darkgrey;
}