:root {
    /*Colors*/
    --color-accent: #49b29d;
    --color-accent-opacity-35: rgba(73, 178, 157, 0.35);
    --color-accent2: #D59FC8;
    --color-accent3: #FABE15;
    --color-font: #212529;
    --color-font-disabled: #adb5bd;
    --color-btn: black;
    --color-btn-hover: #6c757d;
    --color-background: #e9ecef;
    --color-background-pressed: #BDBFC1;
    --color-background-secondary: #fff;
    --color-background-secondary-opacity: rgba(255, 255, 255, 0.96);
    --color-shadow: rgba(0, 0, 0, .132);
    --color-shadow-secondary: rgba(0, 0, 0, .108);
    --color-error: red;
    --color-separator: rgba(0, 0, 0, 0.18);
    --color-red: #e60000;
    --color-green: #00cc00;
    --color-orange: #ff9900;
    --color-blue: #0066cc;
    --color-disabled-red: #ebb0b0;
    --color-disabled-green: #c2eac2;
    --color-disabled-orange: #ffe0b3;
    --color-disabled-blue: #cce0f5;
    --color-background-red: #FFF6F4;
    --color-background-green: #F4FFF4;
    --color-background-orange: #FFF9F4;
    --color-background-blue: #F4FAFF;
    --color-background-help: #6EC3BD;
    /* Consuptiom */
    --color-background-spring: #F1FAF2;
    --color-accent-spring: #66BB6A;
    --color-primary-spring: #388E3C;
    --color-secondary-spring: #81C784;
    --color-background-summer: #FFF3ED;
    --color-accent-summer: #E53935;
    --color-primary-summer: #D84315;
    --color-secondary-summer: #FF7043;
    --color-background-autumn: #FAF3E0;
    --color-accent-autumn: #A0522D;
    --color-primary-autumn: #CD853F;
    --color-secondary-autumn: #E97451;
    --color-background-winter: #E6F0FA;
    --color-accent-winter: #BCCCDC;
    --color-primary-winter: #2C3E50;
    --color-secondary-winter: #7F8C8D;
    --color-background-spring-dimmed: #F6FBF7;
    --color-accent-spring-dimmed: #A5D6A7;
    --color-primary-spring-dimmed: #81C784;
    --color-secondary-spring-dimmed: #C8E6C9;
    --color-background-summer-dimmed: #FFF7F1;
    --color-accent-summer-dimmed: #EF9A9A;
    --color-primary-summer-dimmed: #FFAB91;
    --color-secondary-summer-dimmed: #FFCCBC;
    --color-background-autumn-dimmed: #FDF7EF;
    --color-accent-autumn-dimmed: #C48A6A;
    --color-primary-autumn-dimmed: #E0B190;
    --color-secondary-autumn-dimmed: #F1A58A;
    --color-background-winter-dimmed: #F3F7FA;
    --color-accent-winter-dimmed: #DDE5EC;
    --color-primary-winter-dimmed: #5C6F81;
    --color-secondary-winter-dimmed: #A0ADB4;
    /* Dimensions */
    /* Margin */
    --margin-small: 0.5rem;
    --margin-normal: 1rem;
    --margin-large: 2rem;
    --margin-extralarge: 4rem;
    /* Radius */
    --radius-small: 2px;
    --radius-normal: 0.25rem;
    --radius-large: 8px;
    --radius-extralarge: 1rem;
    /* Padding */
    --padding-small: 8px;
    --padding-normal: 0.5rem;
    --padding-large: 2rem;
    --padding-btn: 6px 12px;
    /* Icon size */
    --icon-size-small: 16px;
    --icon-size-medium: 24px;
    --icon-size-large: 36px;
    --icon-size-extralarge: 48px;
    /* Font */
    --font-size-small: 12px;
    --font-size-medium: 14px;
    --font-size-large: 20px;
    --font-size-extralarge: 24px;
    --font-size-title: 36px;
    --font-weight-large: 600;
    --font-weight-extralarge: 700;
    /*Others*/
    --border-btn: solid 1px transparent;
    --border-btn-active: solid 2px var(--color-accent);
    --border-grid-bottom: solid 1px #dee2e6;
    --node-size-stepper: 24px;
    --node-size-stepper-edge: 32px;
    --form-size: 800px;
    --form-max-width: 800px;
    --form-modal-size: 824px;
    --form-border: 1px solid #c6c6c6;
    --form-border-disabled: 1px solid #ced4da;
}