:root {
    --orange-100: #fff2e8;
    --orange-150: #FFE5D4;
    --orange-200: #ffd8bf;
    --orange-300: #ffbb96;
    --orange-400: #ff9c6e;
    --orange-500: #ff7a45;
    --orange-600: #fa541c;
    --orange-700: #d4380d;
    --orange-800: #ad2102;
    --orange-900: #871400;
    --orange-1000: #610b00;

    --orange-500-filter: invert(50%) sepia(39%) saturate(856%) hue-rotate(330deg) brightness(107%) contrast(101%);
    --orange-600-filter: invert(52%) sepia(44%) saturate(7485%) hue-rotate(350deg) brightness(100%) contrast(97%);

    --black-100: #ffffff;
    --black-200: #fafafa;
    --black-300: #f5f5f5;
    --black-400: #f0f0f0;
    --black-500: #d9d9d9;
    --black-600: #bfbfbf;
    --black-700: #8c8c8c;
    --black-800: #595959;
    --black-900: #434343;
    --black-1000: #262626;
    --black-1100: #131313;
    --black-1200: #000000;


    --shadow-color: #26262606;

    --black-100-filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(3deg) brightness(108%) contrast(101%);
    --black-200-filter: invert(100%) sepia(34%) saturate(219%) hue-rotate(275deg) brightness(118%) contrast(96%);
    --black-300-filter: invert(100%) sepia(1%) saturate(2154%) hue-rotate(99deg) brightness(123%) contrast(87%);
    --black-400-filter: invert(100%) sepia(5%) saturate(525%) hue-rotate(270deg) brightness(115%) contrast(88%);
    --black-500-filter: invert(80%) sepia(43%) saturate(3%) hue-rotate(77deg) brightness(98%) contrast(98%);
    --black-600-filter: invert(76%) sepia(1%) saturate(0%) hue-rotate(355deg) brightness(100%) contrast(96%);
    --black-700-filter: invert(58%) sepia(1%) saturate(0%) hue-rotate(330deg) brightness(95%) contrast(94%);
    --black-800-filter: invert(34%) sepia(0%) saturate(715%) hue-rotate(196deg) brightness(94%) contrast(82%);
    --black-900-filter: invert(26%) sepia(14%) saturate(24%) hue-rotate(319deg) brightness(92%) contrast(93%);
    --black-1000-filter: invert(9%) sepia(12%) saturate(8%) hue-rotate(351deg) brightness(105%) contrast(86%);

    --accent-color: var(--orange-600);
    --primary-text-color: var(--black-1000);
    --secondary-text-color: var(--black-900);
    --tertiary-text-color: var(--black-800);
    --succes-color: #73d13d;
    --error-color: #ff4d4f;

    --on-background-color: var(--black-100);
    --background-color: var(--black-300);
    --border-color: var(--black-400);
}

p, a, h1, h2, h3, h4 ,h5 {
    margin: 0;
    color: var(--primary-text-color);
}

a {
    text-decoration: none;
    color: var(--primary-text-color);
}