:root {
    --mt-color-base: hsl(225, 6%, 13%);
    --mt-color-base-dark: #031a35;
    --mt-color-base-light: hsl(225, 6%, 13%);
    --mt-color-base-contrast: #ffffff;
    --mt-color-base-value: 31, 32, 35;
    --mt-color-base-contrast-value: 255, 255, 255;
    --mt-color-primary: hsl(0deg 80% 40%);
    --mt-color-primary-dark: hsl(0deg 84.6% 30.25%);
    --mt-color-primary-light: hsl(357, 80%, 60%);
    --mt-color-primary-contrast: var(--mt-color-base-contrast);
    --mt-color-primary-value: 0, 80%, 40%;
    --mt-color-primary-light-value: 330, 80%, 60%;
    --mt-color-accent: #f8f9fb;
    --mt-color-accent-dark: #f8f9fb;
    --mt-color-accent-light: #d4d4d4;
    --mt-color-accent-contrast: var(--mt-color-base-dark);
    --mt-color-accent-value: 220, 27%, 98%;
    --mt-color-secondary: hsl(210, 55%, 85%);
    --mt-color-secondary-dark: hsl(210, 55%, 70%);
    --mt-color-secondary-light: hsl(210, 55%, 85%);
    --mt-color-secondary-contrast: var(--mt-color-base);
    --mt-color-secondary-value: 210, 55%, 85%;
    --mt-color-secondary-dark-value: 210, 55%, 70%;
    --mt-color-tint: #f1f1f1;
    --mt-color-tint-contrast: var(--mt-color-base);
    --mt-color-shade: #4a4a4a;
    --mt-color-shade-contrast: #ffffff;
    --mt-color-dark-colored: rgb(3, 26, 53);
    --mt-color-dark-colored-contrast: var(--mt-color-primary-contrast);
    --mt-color-dark-colored-value: var(--mt-color-primary-value);
    --mt-color-colored: #b5161c;
    --mt-color-colored-contrast: var(--mt-color-secondary-contrast);
    --mt-color-colored-value: var(--mt-color-secondary-value);
    --mt-color-bright: #ffffff;
    --mt-color-bright-contrast: var(--mt-color-base);
    --mt-color-dark: #020d1b;
    --mt-color-dark-contrast: var(--mt-color-base-contrast);
    --mt-color-default: hsl(240, 60%, 98%);
    --mt-color-default-contrast: var(--mt-color-base);
    --mt-color-success: #3E9300;
    --mt-color-success-dark: #547f1f;
    --mt-color-success-contrast: #ffffff;
    --mt-color-danger: #CC0000;
    --mt-color-danger-dark: #980a00;
    --mt-color-danger-contrast: #ffffff;
    --mt-color-warning: #EA9900;
    --mt-color-warning-dark: #e2630b;
    --mt-color-warning-contrast: #ffffff;
    --mt-form-border: rgba(var(--mt-color-base-value), 0.2);
    --mt-form-border-contrast: rgba(var(--mt-color-base-contrast-value), 0.4);
    --mt-form-border-focus: var(--mt-color-primary);
    --mt-form-border-focus-contrast: rgba(var(--mt-color-base-contrast-value), 1);
    --mt-form-color: var(--mt-color-base);
    --mt-form-color-contrast: var(--mt-color-base-contrast);
    --mt-form-label-color: rgba(var(--mt-color-base-value), 0.9);
    --mt-form-placeholder: rgba(var(--mt-color-base-value), 0.5);
    --mt-form-placeholder-contrast: rgba(var(--mt-color-base-contrast-value), 0.5);
    --mt-active-cell: hsla(var(--mt-color-primary-value), 0.12);
}