:root {
    --c-white: #ffffff;
    --c-grey-50: #f5f5f5;
    --c-grey-100: #f0f0f0;
    --c-grey-150: #eaeaea;
    --c-grey-200: #e0e0e0; /* not in use */
    --c-grey-250: #d6d6d6;
    --c-grey-300: #dcdcdc;
    --c-grey-350: #c8c8c8; /* not in use */
    --c-grey-400: #bfbfbf; /* not in use */
    --c-grey-500: #9b9b9b;
    --c-grey-600: #7a7a7a; /* not in use */
    --c-grey-700: #444444;
    --c-grey-800: #383838; /* not in use */
    --c-grey-850: #363636; /* not in use */
    --c-grey-900: #333333;
    --c-grey-950: #2a2a2a; /* not in use */
    --c-black: #000000;
    --c-primary-25: #f6f8f9;
    --c-primary-50: #edf0f2; /* not in use */
    --c-primary-100: #dbe0e3;
    --c-primary-100-rgb: 219, 224, 227;
    --c-primary-150: #c9d0d5;
    --c-primary-200: #b7c0c6;
    --c-primary-250: #a5b0b8; /* not in use */
    --c-primary-300: #93a1aa;
    --c-primary-350: #81919b; /* not in use */
    --c-primary-400: #6f818d;
    --c-primary-450: #5d717f;
    /************BASE***********/
    --c-primary-500: #2f434e;
    /***************************/
    --c-primary-550: #283945;
    --c-secondary-25: #f2f9fd; /* readonly */
    --c-secondary-50: #e6f3fa;
    --c-secondary-100: #d1ecf1; /* fällt tonal aus der Rolle */
    --c-secondary-150: #bee5eb; /* fällt tonal aus der Rolle */
    --c-secondary-200: #99cfeb;
    --c-secondary-250: #80c3e6; /* not in use */
    --c-secondary-300: #66b7e0; /* not in use */
    --c-secondary-350: #4daadb;
    --c-secondary-400: #339ed6; /* not in use */
    --c-secondary-450: #1a92d1; /* not in use */
    /************BASE***********/
    --c-secondary-500: #0080c8;
    /***************************/
    --c-secondary-550: #0073b4;
    --c-grey-secondary-50: #f0f8fb;
    --c-grey-secondary-100: #e8f4fa; /* not in use */
    --c-grey-secondary-150: #e2f0f9; /* not in use */
    --c-grey-secondary-200: #d6eaf8;
    --c-grey-secondary-250: #ccd4e0; /* not in use */
    --c-grey-secondary-300: #d2dfe5;
    --c-grey-secondary-400: #b3c4d0; /* not in use */
    --c-grey-secondary-500: #8fa3b5; /* not in use */
    --c-grey-secondary-600: #6f859d; /* not in use */
    --c-grey-secondary-700: #4a5965;
    --c-grey-secondary-800: #3d4854; /* not in use */
    --c-grey-secondary-850: #3a444f;
    --c-grey-secondary-850-rgb: 58, 68, 79;
    --c-grey-secondary-900: #373f4b;
    --s-box-shadow: 0px 8px 16px 0px;
    --s-box-shadow-1: 8px 12px 12px 0px;
    --s-box-shadow-top: 4px -4px 8px 4px;
    --s-box-shadow-2: 4px 4px 8px 0px;
    --s-box-shadow-3: 2px 4px 8px 6px;
    /************MISC***********/
    --c-progress-strength-0: #DC143C;
    --c-progress-strength-1: #FF6347;
    --c-progress-strength-2: #FFA500;
    --c-progress-strength-3: #66BB6A;
    --c-progress-strength-4: #00C851;
    /***************************/
    /*// DEFAULT LIGHT THEME */
    --c-locked: var(--c-secondary-25);
    --c-dropdown-highlight: var(--c-surface-layer-0);
    --c-info: #0c5460;
    --c-info-border: var(--c-secondary-150);
    --c-info-surface: var(--c-secondary-100);
    --c-info-text: var(--c-foreground-primary);
    --c-error: #a94442;
    --c-error-border: #ebccd1;
    --c-error-surface: #f2dede;
    --c-error-text: var(--c-foreground-primary);
    --c-error-variant: #f02311;
    --c-error-variant-border: #f67b70;
    --c-error-variant-surface: #fcd3cf;
    --c-error-variant-text: var(--c-foreground-primary);
    --c-warning: #eb9f5d;
    --c-warning-border: #efb683;
    --c-warning-surface: #fff1e6;
    --c-warning-text: var(--c-foreground-primary);
    --c-success: #0dbd45;
    --c-success-border: #6ed78f;
    --c-success-surface: #cff2da;
    --c-success-text: var(--c-foreground-primary);
    --c-inactive: var(--c-grey-700);
    --c-inactive-border: var(--c-grey-350);
    --c-inactive-surface: var(--c-grey-150);
    --c-foreground-primary: var(--c-primary-500);
    --c-background-primary: var(--c-white);
    --c-foreground-secondary: var(--c-white);
    --c-background-secondary: var(--c-primary-500);
    --c-menu-hover: var(--c-primary-550);
    --c-content-hover: var(--c-grey-secondary-200);
    --c-border: var(--c-primary-200);
    --c-focus: var(--c-secondary-350);
    --c-backdrop: var(--c-foreground-primary);
    --c-surface-secondary: var(--c-secondary-50);
    --c-table-striped: var(--c-primary-50);
    --c-surface-layer-0: var(--c-primary-50);
    --c-surface-layer-1: var(--c-primary-100);
    --c-surface-layer-1-rgb: var(--c-primary-100-rgb);
    --c-surface-layer-2: var(--c-primary-150);
    --c-box-shadow: hsla(0, 0%, 16%, 0.25);
    --c-calendar-today: purple;
    --c-calendar-magenta: magenta;
    --c-scroll-track: var(--c-grey-300);
    --c-scroll-thumb: var(--c-grey-400);
    --c-scroll-thumb-hover: var(--c-grey-600);
}

.dark-theme {
    --c-secondary-500: #80c3e6;
    --c-locked: var(--c-primary-450);
    --c-dropdown-highlight: var(--c-grey-secondary-700);
    --c-info: var(--c-secondary-150);
    --c-info-border: var(--c-grey-secondary-250);
    --c-info-surface: #5a7a9a;
    --c-info-text: var(--c-foreground-primary);
    --c-error: #d44745;
    --c-error-border: #d44745;
    --c-error-surface: #d44745;
    --c-error-text: var(--c-foreground-primary);
    --c-error-variant: #d35d5b;
    --c-error-variant-border: #d35d5b;
    --c-error-variant-surface: #d35d5b;
    --c-error-variant-text: var(--c-foreground-primary);
    --c-warning: #e6941f;
    --c-warning-border: #e6941f;
    --c-warning-surface: #e6941f;
    --c-warning-text: var(--c-foreground-primary);
    --c-success: #45823f;
    --c-success-border: #f1f8f0;
    --c-success-surface: #45823f;
    --c-success-text: var(--c-foreground-primary);
    --c-inactive: var(--c-grey-500);
    --c-inactive-border: var(--c-grey-350);
    --c-inactive-surface: var(--c-grey-150);
    --c-foreground-primary: var(--c-grey-300);
    --c-background-primary: var(--c-grey-secondary-800);
    --c-foreground-secondary: var(--c-grey-300);
    --c-background-secondary: var(--c-grey-secondary-900);
    --c-menu-hover: var(--c-grey-secondary-700);
    --c-content-hover: var(--c-grey-secondary-700);
    --c-border: var(--c-grey-600);
    --c-focus: var(--c-secondary-350);
    --c-backdrop: var(--c-primary-550);
    --c-surface-secondary: var(--c-grey-secondary-700);
    --c-table-striped: var(--c-grey-secondary-850);
    --c-surface-layer-0: var(--c-grey-secondary-900);
    --c-surface-layer-1: var(--c-grey-secondary-850);
    --c-surface-layer-1-rgb: var(--c-grey-secondary-850-rgb);
    --c-surface-layer-2: var(--c-grey-secondary-300);
    --c-box-shadow: var(--c-grey-900);
    --c-calendar-today: purple;
    --c-calendar-magenta: magenta;
    --c-scroll-track: var(--c-grey-700);
    --c-scroll-thumb: var(--c-grey-500);
    --c-scroll-thumb-hover: var(--c-grey-400);
}

.high-contrast-theme {
    --c-info-surface-hc: var(--c-secondary-100);
    --c-error-variant-hc: #f02311; /* nur für High Contrast Theme */
    --c-error-hc: #a85c5c; /* nur für High Contrast Theme */
    --c-warning-surface-hc: #cc5500; /* nur für High Contrast Theme */
    --c-success-surface-hc: #548c6f; /* nur für High Contrast Theme */
    --c-success-surface-1-hc: #7fd1b9; /* nur für High Contrast Theme */
    --c-locked: var(--c-grey-100); /* nur für High Contrast Theme */
    --c-dropdown-highlight: var(--c-grey-secondary-500);
    --c-info: var(--c-primary-550);
    --c-info-border: var(--c-info-surface-hc);
    --c-info-surface: var(--c-info-surface-hc);
    --c-info-text: var(--c-foreground-primary);
    --c-error: var(--c-error-hc);
    --c-error-border: var(--c-error-hc);
    --c-error-surface: var(--c-error-hc);
    --c-error-text: var(--c-background-primary);
    --c-error-variant: var(--c-error-variant-hc);
    --c-error-variant-border: var(--c-error-variant-hc);
    --c-error-variant-surface: var(--c-error-hc);
    --c-error-variant-text: var(--c-background-primary);
    --c-warning: var(--c-warning-surface-hc);
    --c-warning-border: var(--c-warning-surface-hc);
    --c-warning-surface: var(--c-warning-surface-hc);
    --c-warning-text: var(--c-foreground-primary);
    --c-success: var(--c-success-surface-hc);
    --c-success-border: var(--c-success-surface-hc);
    --c-success-surface: var(--c-success-surface-hc);
    --c-success-text: var(--c-background-primary);
    --c-inactive: var(--c-primary-400);
    --c-inactive-border: var(--c-grey-350);
    --c-inactive-surface: var(--c-grey-100);
    --c-foreground-primary: var(--c-primary-550);
    --c-background-primary: var(--c-white);
    --c-foreground-secondary: var(--c-white);
    --c-background-secondary: var(--c-primary-550);
    --c-menu-hover: var(--c-grey-secondary-600);
    --c-content-hover: var(--c-grey-100);
    --c-border: var(--c-primary-200);
    --c-focus: var(--c-secondary-450);
    --c-backdrop: var(--c-primary-550);
    --c-surface-secondary: var(--c-primary-25);
    --c-table-striped: var(--c-grey-100);
    --c-surface-layer-0: var(--c-grey-50);
    --c-surface-layer-1: var(--c-grey-100);
    --c-surface-layer-1-rgb: 240, 240, 240;
    --c-surface-layer-2: var(--c-grey-100);
    --c-box-shadow: hsla(203, 24%, 20%, 0.35);
    --c-calendar-today: var(--c-secondary-550);
    --c-calendar-magenta: #c2185b;
    --c-scroll-track: var(--c-grey-250);
    --c-scroll-thumb: var(--c-primary-400);
    --c-scroll-thumb-hover: var(--c-primary-550);
}