:root {
  --burgundy: 85, 20, 42;
  --charm-pink: 226, 134, 165;
  --claret: 126, 30, 62;
  --carrot: 255, 141, 33;
  --crimson: 179, 0, 0;
  --milky-way: 255, 249, 240;
  --pistachio: 162, 202, 108;
  --sonic-silver: 122, 120, 121;
  --sky: 144, 203, 249;
  --velvet: 33, 46, 81;
  --white: 255, 255, 255;

  --primary: rgba(var(--burgundy), 1);
  --primary-light: rgba(var(--claret), 1);
  --disabled: rgba(var(--sonic-silver), 1);

  --error: rgba(var(--crimson), 1);
  --success: rgba(var(--pistachio), 1);
  --warning: rgba(var(--carrot), 1);
  --info: rgba(var(--sky), 1);

  --burgundy-filter: brightness(0) saturate(100%) invert(9%) sepia(34%) saturate(5213%)
    hue-rotate(320deg) brightness(89%) contrast(93%);
  --milky-way-filter: brightness(0) saturate(100%) invert(90%) sepia(2%) saturate(983%)
    hue-rotate(337deg) brightness(104%) contrast(109%);

  --background-primary: rgba(var(--milky-way), 1);
  --background-secondary: rgba(var(--burgundy), 1);

  --border--default: #ccc;
  --border--focus: rgba(var(--carrot), 1);
  --border--error: var(--error);
  --border-primary: rgba(var(--burgundy), 1);
  --border-secondary: rgba(var(--carrot), 1);

  --border-eclipse: #2c2c2c;
  --border-eclipse-hover: #1a1a1a;
  --border-eclipse-active: #000000;

  --border-sienna: #c89968;
  --border-sienna-hover: #b8845a;
  --border-sienna-active: #a67550;

  --menu-background: rgba(var(--burgundy), 1);
  --menu-text: rgba(var(--milky-way), 1);
  --menu-text--hover: rgba(var(--white), 1);

  --outline: rgba(var(--carrot), 1);

  --button-primary-background--default: var(--primary);
  --button-primary-background--disabled: var(--disabled);
  --button-primary-background--hover: var(--primary-light);
  --button-secondary-background--default: rgba(var(--milky-way), 1);
  --button-secondary-background--hover: rgba(var(--milky-way), 0.9);
  --button-text-primary--default: rgba(var(--milky-way), 1);
  --button-text-primary--hover: rgba(var(--milky-way), 1);
  --button-text-secondary--default: rgba(var(--burgundy), 1);
  --button-text-secondary--hover: rgba(var(--burgundy), 1);

  --icon-filter-primary: var(--milky-way-filter);

  --input-background--default: rgba(var(--milky-way), 1);
  --input-text--default: rgba(var(--primary));
  --input-text--hover: rgba(var(--primary-light));

  --header-primary-text--default: rgba(var(--burgundy), 1);
  --header-secondary-text--default: rgba(var(--milky-way), 1);
  --body-primary-text--default: rgba(var(--burgundy), 1);
  --body-secondary-text--default: rgba(var(--milky-way), 1);

  --hint-text--default: black;
  --hint-text--error: var(--error);

  --snackbar-background--error: rgba(var(--crimson), 1);
  --snackbar-background--info: rgba(var(--sky), 1);
  --snackbar-background--success: rgba(var(--pistachio), 1);
  --snackbar-background--warning: rgba(var(--carrot), 1);
}