:root {
    /* Hauptfarbe – Rot */
    --color-primary: #A00129;
    --color-primary-light: #dbbcc3;
    --color-primary-transparent: #a00129a8;
    --color-primary-dark: #7B001F;
    --color-primary-very-dark: #46121f;
    --color-primary-text: #ffffff;
    --color-primary-hover: #A00129;
    --color-primary-hover-dark: #93092c;
    /* Sekundärfarbe – Creme */
    --color-secondary: #F6F4E7;
    --color-secondary-hover: #dbbcc3;
    --color-secondary-dark: #b6b28e;
    --color-secondary-border: #A00129;
    /* Hintergrundfarben */
    --color-background: #f9fafb;
    --color-surface: #ffffff;
    --color-surface-alt: #f1f5f9;
    /* Textfarben */
    --color-text: #3d3b3b;
    --color-text-muted: #828282;
    --color-text-inverse: #ffffff;
    /* Statusfarben */
    --color-success: #3cb371; /* mediumseagreen */
    --color-warning: #eab308; /* warmes Gelb */
    --color-danger: red; /* Rot */
    --color-info: #3b82f6; /* reines Informationsblau */
    /* Rahmen & Schatten */
    --color-border: #e2e8f0;
    --color-shadow: rgba(0, 0, 0, 0.05);
    --font-size-base: 1rem;
    --font-size-lead: 1.25rem;
    --font-size-small: 0.875rem;
    --font-size-smaller: 0.75rem;
    --font-size-very-small: 0.625rem;
    --line-height-base: 1.6;
    --font-weight-bold: 600;
    --font-weight-normal: 400;
    --border-radius: 0.3rem;
    /*ICONS*/
    --color-icon-primary: #808080;
    --color-component-border: #d9d9d9;
    /* fonts */
    --title-font: 'LobsterTwo';
    --standard-font: 'Ubuntu';
}
/* width */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f2f2f2;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--color-primary);
    cursor: pointer;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: var(--color-primary-hover);
    }