/* colour palette */
:root {

  --bg: #FAFAF8;
  --shw: #FAFAF8;

  --mb: #1C1D17;
  --mb-70: #B2B3AD;
  --mb-lighter: #B3B4AE;
  --mb-darker: #21211B;

  --ib: #627375;
  --ib-darker: #112B32;
  --white: #FFFFFF;

  --dc: #D7D1C3;
  --dc-darker: #C6BDAB;

  --dc-greys-100: #EBECE9;
  --dc-greys-700: #898377;
  --dc-greys-900: #3B3A34;

  /*--grey-100: #f3f2ee;*/
  --grey-100: #efefec;
  --grey-200: #e8e5dd;
  --grey-300: #d7d7cc;
  --grey-400: #d1cabb;
  --grey-500: #c5bdaa;
  --grey-600: #b1aa99;
  --grey-700: #8a8477;
  --grey-800: #635f55;
  --grey-900: #3b3933;
  --black: #000000;
  
  --ib-soft-1: #efefec;
  --ib-soft-2: #e8e5dd;
  --ib-soft-3: #d7d7cc;
  --ib-soft-4: #d1cabb;
  --ib-soft-5: #c5bdaa;
  --ib-soft-6: #b1aa99;


  /* foreground (dark) */
  --fg-lightest: var(--mb-lightest);
  --fg-lighter: var(--mb-lighter);
  --fg: var(--mb);
  --fg-darker: var(--mb-darker);

  /* Status Greens */
  --status-green: #5a7a57;
  --status-green-lighter: #7c9c79;
  --status-green-darker: #436040;

  /* Status Reds */
  --status-red: #a23b2a;
  --status-red-lighter: #c25b49;
  --status-red-darker: #822d22;

  --status-red-soft-1: rgb(from var(--status-red) r g b / 0.1);
  --status-red-soft-2: rgb(from var(--status-red) r g b / 0.2);
  --status-red-soft-3: rgb(from var(--status-red) r g b / 0.3);
  --status-red-soft-4: rgb(from var(--status-red) r g b / 0.4);
  --status-red-soft-5: rgb(from var(--status-red) r g b / 0.5);
  --status-red-soft-6: rgb(from var(--status-red) r g b / 0.6);

  --status-green-soft-1: rgb(from var(--status-green) r g b / 0.1);
  --status-green-soft-2: rgb(from var(--status-green) r g b / 0.2);
  --status-green-soft-3: rgb(from var(--status-green) r g b / 0.3);
  --status-green-soft-4: rgb(from var(--status-green) r g b / 0.4);
  --status-green-soft-5: rgb(from var(--status-green) r g b / 0.5);
  --status-green-soft-6: rgb(from var(--status-green) r g b / 0.6);
}