:root {
    --color-primary: #afc800;
    --color-secondary: #afc800;
    --color-navigation-bar: #afc800;
    --color-buttons: #afc800;
    --color-links: #afc800;
    --color-links-hover: #809400;
    --color-icons: #afc800;
    --color-image-layer: #afc800;
    --color-arrows: #afc800;
    --color-background-light: rgba(255, 238, 0, 1);
    --color-background-dark: #E8EBF1;
    --color-background-white: rgb(255, 255, 255);
    --color-background-bright: rgb(243, 243, 243);
    --color-body: rgb(51, 51, 51);
    --color-primary-50: rgb(249, 251, 235);
    --color-primary-100: rgb(229, 234, 196);
    --color-primary-200: rgb(223, 233, 153);
    --color-primary-400: rgb(191, 211, 51);
    --color-primary-500: rgb(175, 200, 0);
    --color-primary-600: #ED9834;
    --color-primary-700: #ED9834;
    --color-primary-gradient: rgb(175, 200, 0);
    --color-buttons: rgb(175, 200, 0);
    --color-pure-black: #000000;
    --color-pure-black-700: rgba(0, 0, 0, .7);
    --color-pure-black-400: rgba(0, 0, 0, .4);
    --color-black-alpha-70: rgba(0, 0, 0, 0.7);
    --color-black-alpha-40: rgba(0, 0, 0, 0.4);
    --color-pure-white: #ffffff;
    --color-pure-white-800: rgba(255, 255, 255, .8);
    --color-background-light: #f5f6f8;
    --color-background-light-hover: #e8ebf1;
    --color-background-dark: rgb(232, 235, 241);
    --color-signal-error: #ff566a;
    --color-signal-error-80: rgba(255, 86, 106, .08);
    --color-signal-errorAlpha-8: rgba(255, 86, 106, 0.08);
    --color-signal-success: #18c788;
    --color-signal-success-light: rgb(159, 218, 193);
    --color-signal-success-80: rgba(24, 199, 136, .08);
    --color-signal-successAlpha-8: rgba(24, 199, 136, 0.08);
    --color-gray-50: #e9e9e9;
    --color-gray-100: #e6e6e6;
    --color-gray-200: #cccccc;
    --color-gray-300: #b3b3b3;
    --color-gray-400: #999999;
    --color-gray-500: #808080;
    --color-gray-600: #666666;
    --color-gray-700: #4d4d4d;
    --color-gray-800: #333333;
    --color-gray-900: #1a1a1a;
    --type-headline-font-family: Arial, Helvetica, sans-serif;
    --type-headline-spacing: .3px;
    --type-headline-weight: bold;
    --type-body-font-family: Arial, Helvetica, sans-serif;
    --radius-small-top-left: 6px;
    --radius-small-top-right: 6px;
    --radius-small-bottom-left: 6px;
    --radius-small-bottom-right: 6px;
    --radius-large-top-left: 12px;
    --radius-large-top-right: 12px;
    --radius-large-bottom-left: 12px;
    --radius-large-bottom-right: 12px;
    --radius-special-top-left: 0;
    --radius-special-top-right: 16px;
    --radius-special-bottom-left: 16px;
    --radius-special-bottom-right: 0;
}