:root {
    --colorPassy: #85b851;
    --colorPassy-dark: #2c8240;
    --colorPassy-light: #bcd95C;
    --mud-palette-surface: var(--fill-color) !important;
    --mud-palette-primary: var(--accent-base-color);
}

body {
    margin: 0;
    padding: 0;
    font-family: var(--body-font);
    font-size: var(--type-ramp-base-font-size);
    line-height: var(--type-ramp-base-line-height);
    font-weight: var(--font-weight);
    color: var(--neutral-foreground-rest);
    background: var(--neutral-fill-layer-rest);
}

::-webkit-scrollbar {
    width: 16px;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: #d6dee1;
    border-radius: 20px;
    border: 6px solid transparent;
    background-clip: content-box;
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: #a8bbbf;
    }


.PassyCard {
    padding: 1.5rem;
    background-color: rgba(255, 255, 255, 0.025);
}