:root{
  --wwl-color-black: rgb(0,0,0);
  --wwl-color-white: rgb(255,255,255);
  --wwl-color-primary: rgb(62,41,39);
  --wwl-color-secondary: rgb(253,221,28);
  --wwl-color-accent: rgb(238,236,218);
  --wwl-color-text: rgb(65, 64, 66);
  --wwl-color-japonica: rgb(201,123,093);
  --wwl-color-horizon: rgb(95,131,140);
  --wwl-color-olivegreen: rgb(159,179,95);
  --wwl-color-smaltblue: rgb(67,95,101);
  --wwl-color-aluminium: rgb(128, 130, 133);
  --cm-wwl-color-black: var(--wwl-color-black,#000000);
  --cm-wwl-color-white: var(--wwl-color-white,#FFFFFF);
  --cm-wwl-color-primary-brown: var(--wwl-color-primary,#3e2927);
  --cm-wwl-color-primary-tan:var(--wwl-color-primary-accent,#eeecda);
  --cm-wwl-color-primary-yellow: var(--wwl-color-secondary,#fddd1c);
  --cm-wwl-color-primary-charcoal: var(--wwl-color-text,#414042);
  --cm-wwl-color-secondary-japonica: var(--wwl-color-japonica,#c97b5d);
  --cm-wwl-color-secondary-horizon: var(--wwl-color-horizon,#5f838c);
  --cm-wwl-color-secondary-olive-green: var(--wwl-color-olivegreen,#9fb35f);
  --cm-wwl-color-secondary-smalt-blue: var(--wwl-color-smaltblue,#435f65);
  --cm-wwl-color-secondary-aluminium: var(--wwl-color-aluminium,#808285); 
}