:root {
    /* Brand Colors */
    --color-primary-300: #FFED71;
    --color-primary-500: #FFDD00;
    --color-primary-700: #EFC100;

    --color-secondary-300: #9F9F9F;
    --color-secondary-500: #535353;
    --color-secondary-700: #1B1B1B;
    --color-secondary-900: #000000;

    --color-light-300: #EDEDED;
    --color-light-500: #DADADA;
    --color-light-700: #BEBEBE;

    --color-warning-300: #BEBEBE;
    --color-warning-500: #F39200;
    --color-warning-700: #D16900;

    --color-beschriftung-form-error: #E65E48;
    --color-alert-300: #E65E48;
    --color-alert-500: #C2240C;
    --color-alert-700: #861200;

    --color-info-300: #94B9EB;
    --color-info-500: #4E7FC0;
    --color-info-700: #18509A;

    --color-success-300: #BFDD4E;
    --color-success-500: #A2C617;
    --color-success-700: #86A800;

    --color-white: #FFFFFF;
    --color-black: #000000;

    /* Font Families */
    --font-family-main: 'Barlow', sans-serif;
    --font-family-body: 'Barlow', sans-serif;
    --font-family-body-bold: 'Barlow', sans-serif;
    --font-family-header: 'Barlow', sans-serif;
    --font-family-header-bold: 'Barlow', sans-serif;
    --font-family-h1: 'Barlow', sans-serif;
    --font-family-h2: 'Barlow', sans-serif;
    --font-family-h3: 'Barlow', sans-serif;
    --font-family-button: 'Barlow', sans-serif;
    --font-family-footer-text: 'Barlow', sans-serif;
    --fontfamily-footer-menu: 'Barlow', sans-serif;
    --fontfamily-footer-menu-aktiv: 'Barlow', sans-serif;
    --fontfamily-footer-copy: 'Barlow', sans-serif;
    --fontfamily-socialmenu: 'Barlow', sans-serif;
    --fontfamily-mainmenu: 'Barlow', sans-serif;
    --fontfamily-mainmenu-aktiv: 'Barlow', sans-serif;

    /* Font Weights */
    --font-weight-light:    300;
    --font-weight-regular:  400;
    --font-weight-semibold: 600;
    --font-weight-bold:     700;

    /* Font Sizes */
    --text-xs:   14px;
    --text-sm:   17px;
    --text-base: 22px;
    --text-md:   30px;
    --text-lg:   50px;
    --text-xl:   100px;

    /* Glass / Surface */
    --radius-default: 15px;
    --glass-bg: linear-gradient(107deg, rgba(255, 255, 255, 0.05) 16.79%, rgba(255, 255, 255, 0.10) 23.66%, rgba(255, 255, 255, 0.05) 40.99%);
    --glass-blur: blur(15px);
    --shadow-default: -1px -1px 2px 0 rgba(69, 69, 69, 0.25) inset, 1px 1px 2px 0 rgba(255, 255, 255, 0.20) inset, 0 4px 15px 0 rgba(0, 0, 0, 0.30);

}