:root {
    /*Color*/
    --card-border-color: hsl(from var(--mud-palette-gray-light) h s 86%);
    --gray-for-shadow: hsl(from var(--mud-palette-overlay-dark)h s 40%);
    /*Utility*/
    --exception-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);
    --custom-box-shadow: 1px 2px 5px var(--gray-for-shadow);
    --mud-default-borderradius: 20px !important;
    --m-page-x: 1rem;
    --mh-header: 4rem;

    --light-card-background: hsl(from var(--mud-palette-background-gray) h s 97%);
}
