:root {
  /** Dark Primary **/
  --color-dark-primary: #2e5d6a;
  --color-dark-primary-rgb: 46, 93, 106;
  --color-dark-primary-contrast: var(--ion-color-light-primary);
  --color-dark-primary-contrast-rgb: var(--ion-color-light-primary-rgb);
  --color-dark-primary-shade: #28525d;
  --color-dark-primary-tint: #436d79;

  /** Dark Light **/
  --color-dark-light: #547f8c;
  --color-dark-light-rgb: 84, 127, 140;
  --color-dark-light-contrast: #ffffff;
  --color-dark-light-contrast-rgb: 255, 255, 255;
  --color-dark-light-shade: #4a707b;
  --color-dark-light-tint: #658c98;

  /** Light Primary **/
  --color-light-primary: #e3bb85;
  --color-light-primary-rgb: 227, 187, 133;
  --color-light-primary-contrast: var(--ion-color-dark-primary);
  --color-light-primary-contrast-rgb: var(--ion-color-dark-primary-rgb);
  --color-light-primary-shade: #c8a575;
  --color-light-primary-tint: #e6c291;

  /** Light Light **/
  --color-light-light: #efd0a6;
  --color-light-light-rgb: 239, 208, 166;
  --color-light-light-contrast: #000000;
  --color-light-light-contrast-rgb: 0, 0, 0;
  --color-light-light-shade: #d2b792;
  --color-light-light-tint: #f1d5af;

  /** Light Ligther **/
  --color-light-lighter: #ffe9ca;
  --color-light-lighter-rgb: 255, 233, 202;
  --color-light-lighter-contrast: #000000;
  --color-light-lighter-contrast-rgb: 0, 0, 0;
  --color-light-lighter-shade: #e0cdb2;
  --color-light-lighter-tint: #ffebcf;

  /** Pale **/
  --color-res-pale: #e2edf0;
  --color-res-pale-rgb: 226, 237, 240;
  --color-res-pale-contrast: #000000;
  --color-res-pale-contrast-rgb: 0, 0, 0;
  --color-res-pale-shade: #c7d1d3;
  --color-res-pale-tint: #e5eff2;
}