:root {
    --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;
    --large-padding: 24px 36px 48px 36px;
    --stage-max-width: 1280px !important;
    --modal-width: 640px !important;

    --divider: 1px solid #eee;


    --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-seen: #42A5F5;
    --card-seen-light: #42A5F522;
    --card-seen-dark: #085696;

    --card-rejected-light: #FF525222;
    --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);
    --collect: #43A047;



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

    --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);


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

    --column-width-default: 500px;


    --border-radius-default: 12px;
    --border-radius-small: 10px;
    --border-radius-large: 22px;
}