:root {
  --color-background-main: #000a10;
  --color-background-main-opacity-25: rgba(0, 10, 16, 0.25);
  --color-background-main-opacity-50: rgba(0, 10, 16, 0.5);
  --color-background-main-opacity-75: rgba(0, 10, 16, 0.75);
  --color-background-secondary: #183a4e;
  --color-background-secondary-opacity-50: rgba(24, 58, 78, 0.5);
  --color-background-secondary-opacity-75: rgba(24, 58, 78, 0.75);
  --color-background-secondary-opacity-85: rgba(24, 58, 78, 0.85);
  --color-background-tertiary: #101b28;
  --color-background-tertiary-opacity-75: rgba(16, 27, 40, 0.75);
  --color-background-tertiary-opacity-85: rgba(16, 27, 40, 0.85);
  --color-background-third: #fff;
  --color-background-area: #344e64;
  --color-background-area-opacity-50: rgba(16, 43, 60, 0.5);
  --color-background-area-opacity-75: rgba(16, 43, 60, 0.75);
  --color-button-active: #5a5b75;
  --color-secondary: #374c5e;
  --color-secondary-hover: #2c4b66;
  --color-secondary-active: #2a333a;
  --color-secondary-inactive: #848484;
  --color-primary: #e65100;
  --color-primary-hover: #ff5a00;
  --color-primary-active: #7e2d00;
  --color-primary-inactive: #7e2d00;
  --color-text: #FFFFFF;
  --color-text-contrast: #38fcd4;
  --color-text-title: #ffcc77;
  --color-text-low-contrast: #f7d9a6;
  --color-text-contrast-75: #38fcd4bf;
  --color-text-contrast-00: #38fcd400;
  --color-accent-0: #67375dff;
  --color-accent-1: #913ccdff;
  --color-accent-2: #f39300ff;
  --color-accent-3: #ef4868ff;
  --color-accent-4: #11718aff;
  --color-text-disabled: #848484;
  --color-text-secondary: #D6D6D6;
  --color-success: #00B92B;
  --color-warning: #F7D100;
  --color-error: #ea5471;
}