:root {

    --switch-color-on: #3F50B5;
    --switch-color-info-on: black;
    --switch-color-off: white;
    
    --switch-track-on: rgba(25, 118, 210, 0.2);
    --switch-track-off: rgba(0, 0, 0, 0.38);

    --error-color: red;
    --warning-color: orange;
    --info-color: blue;


    --dialog-title-color: #3F50B5;
    --dialog-title-font-size: 34px;
    --dialog-title-heigth: 40px;
    --dialog-title-font-weight: 400;

    
    --mdc-theme-primary: #3f51b5;
    --mdc-theme-secondary: #ff4081;
    --grey-lighten-5: #FAFAFA;  
    --grey-lighten-4: #F5F5F5;
    --grey-lighten-3: #EEEEEE;
    --grey-lighten-2: #E0E0E0;
    --grey-lighten-1: #BDBDBD;

    --default-inactive: rgb(33, 33, 33, 0.66);

    --general-padding: 8px 12px 8px 12px;
    --card-padding: 18px 24px 32px 24px;
    --card-padding-small: 12px 18px 22px 18px;
    --large-padding: 24px 36px 48px 36px;
    --stage-max-width: 1280px !important;
    
    --modal-width-narrow: 460px !important;
    /* --modal-width-narrow: 860px !important; */
    --modal-width-default:1280px !important;
    --modal-width-wide:1280px !important;
    --modal-width-full:96vw !important;
    

    --stage-narrow:860px;
    --stage-normal:1280px;
    --stage-wide:1780px;
    --stage-full:96vw;

    --divider: 1px solid #eee;

    --default-text-color: rgba(0, 0, 0, 0.87);
    --default-gap: 0.75rem;
    --large-gap: 1.25rem;
    --very-large-gap: 1.75rem;
    --default-opacity: 0.75;
    --small-gap: 0.33rem;
    --default-radius: 4px;

    --default-input-border: 1px solid #ccc;

    --secondary: #424242;
    --card-active: #FFFCF5;
    --card-active-dark: hsl(42 22% 55% / 1);

    --card-seen: #42A5F5;
    --card-seen-inverted: #BBDEFB;
    --card-seen-light: #42A5F522;
    --card-seen-dark: #085696;

    --card-rejected-light: #FF525222;
    --card-rejected-inverted: #FFCDD2;
    --card-rejected-dark: #AA5252;
    --card-rejected: #FF5252;

    --card-collected: #43A047;
    --card-collected-light: #E8F5E9;
    --card-collected-dark: hsl(123 41% 25% / 1);
    --is-collected: hsl(123 41% 25% / 1);
    --is-collected-inverted: #C8E6C9;
    --collect: #43A047;


    --selection-in-general: #78909C;
    --selection-in-general-inverted: #CFD8DC;

    --min-card-width: 250px;
    --min-card-height: 200px;

    --counter-total: #9E9E9E;
    --counter-active: #757575;
    --counter-bookmarked: #085696;
    --counter-bookmarked-inverted: #42A5F5;
    --counter-shift: 32px;
    --counter-shift-reverse: -32px;

    --modal-padding: 24px 36px 48px 36px;
    --modal-padding-header: 24px 24px 0px 48px;

    --default-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    --active-shadow: 0 2px 5px rgba(0,0,0,0.19), 0 2px 3px rgba(0,0,0,0.23);


    --short-text: 12rem;
    --min-column-width: 250px;
    --max-column-width-narrow: 400px;
    --max-column-width-normal: 500px;

    --column-width-default: 500px;


    --border-radius-default: 8px;
    --border-radius-small: 4px;
    --border-radius-large: 12px;

    --add-background: #E8F5E9;
    --add-foreground: #1B5E20;

    --delete-background: #FFEBEE;
    --delete-foreground: #B71C1C;

    --disabled-background: #EEE;
    --disabled-foreground: #555;


    --section-header-height: 50px;
    --section-slider-height: 80px;

    --color-inactive: #bdbdbd;
    --color-active: #121212;

    --abstract-line-clamp: 7;

    --dialog-broad: 90vw;
    --dialog-default: 60vw;
    --dialog-narrow: 30vw;
    --dialog-max-width: 900px;


    --flexible-width: auto;
    --default-active-foreground: white;
    --default-active-background: #1B5E20;

    --drag-drop-height: 150px;
    --dropzone-active-color: pink;

    --layout-navbar:50px !important;
    --layout-stepper:60px !important;
    --layout-stage:calc(100vh - (var(--layout-navbar) + var(--layout-stepper)) - 2 * var(--default-gap)) !important;

    --fade-bottom:linear-gradient(0deg, rgb(99.608% 99.608% 99.608%) 0%, rgb(99.608% 99.608% 99.608% / 0.999755859375) 6.25%, rgb(99.609% 99.609% 99.609% / 0.998046875) 12.5%, rgb(99.61% 99.61% 99.61% / 0.993408203125) 18.75%, rgb(99.614% 99.614% 99.614% / 0.984375) 25%, rgb(99.62% 99.62% 99.62% / 0.969482421875) 31.25%, rgb(99.629% 99.629% 99.629% / 0.947265625) 37.5%, rgb(99.641% 99.641% 99.641% / 0.916259765625) 43.75%, rgb(99.657% 99.657% 99.657% / 0.875) 50%, rgb(99.678% 99.678% 99.678% / 0.822021484375) 56.25%, rgb(99.704% 99.704% 99.704% / 0.755859375) 62.5%, rgb(99.735% 99.735% 99.735% / 0.675048828125) 68.75%, rgb(99.773% 99.773% 99.773% / 0.578125) 75%, rgb(99.818% 99.818% 99.818% / 0.463623046875) 81.25%, rgb(99.871% 99.871% 99.871% / 0.330078125) 87.5%, rgb(99.931% 99.931% 99.931% / 0.176025390625) 93.75%, rgb(100% 100% 100% / 0) 100% );

    --testing:1px solid magenta;









}