:root {
  /* Orange family */
  --apmp-orange-dark: #c25a1a;
  --apmp-orange: #f37021;
  --apmp-orange-light: #f68f4d;
  --apmp-medium-orange-dark: #f7956b;
  --apmp-medium-orange: #f9b790;
  --apmp-medium-orange-light: #fbd0b5;
  --apmp-light-orange-dark: #fcddc5;
  --apmp-light-orange: #fdede3;
  --apmp-light-orange-light: #fef6f1;

  /* Light Blue */
  --apmp-light-blue-dark: #0096a3;
  --apmp-light-blue: #00bacd;
  --apmp-light-blue-light: #33c9d7;

  /* Blue family */
  --apmp-blue-dark: #003d6f;
  --apmp-blue: #005395;
  --apmp-blue-light: #3375ab;
  --apmp-dark-blue-darker: #002531;
  --apmp-dark-blue: #003746;
  --apmp-dark-blue-light: #1a5666;

  /* Green */
  --apmp-green-dark: #95b94d;
  --apmp-green: #b5d560;
  --apmp-green-light: #c7de80;

  /* Purple family */
  --apmp-dark-purple-darker: #2a1c3f;
  --apmp-dark-purple: #3b2758;
  --apmp-dark-purple-light: #5a4175;
  --apmp-purple-dark: #6d4479;
  --apmp-purple: #865596;
  --apmp-purple-light: #9f77ab;

  /* Teal */
  --apmp-teal-dark: #026673;
  --apmp-teal: #037f91;
  --apmp-teal-light: #3599a7;

  /* Greys */
  --apmp-grey-dark: #353535;
  --apmp-grey: #4a4a4a;
  --apmp-grey-light: #b0b0b0;
  --apmp-grey-lighter: #d0d0d0;
  --apmp-grey-light-secondary-dark: #999999;
  --apmp-grey-light-secondary: #b9b9b9;
  --apmp-grey-light-secondary-light: #d4d4d4;

  /* White (typically doesn't need variants, but here are off-whites) */
  --apmp-white-dark: #f5f5f5;
  --apmp-white: #ffffff;

  /* Mapping */
  --apmp-text: var(--apmp-grey);
  --menu-child-bg-colour: var(--apmp-light-orange-light);
  --menu-grandchild-bg-colour: var(--apmp-light-orange);
  --apmp-directory-theme: var(--apmp-dark-blue);
}