@mixin yc-colors-system-light {
    --yc-color-scroll-track: var(--yc-color-base-background);
    --yc-color-scroll-handle: var(--yc-color-private-black-100);
    --yc-color-scroll-handle-hover: var(--yc-color-private-black-150);
    --yc-color-scroll-corner: var(--yc-color-private-black-100);
}

@mixin yc-colors-system-dark {
    --yc-color-scroll-track: var(--yc-color-base-background);
    --yc-color-scroll-handle: var(--yc-color-private-white-150);
    --yc-color-scroll-handle-hover: var(--yc-color-private-white-250);
    --yc-color-scroll-corner: var(--yc-color-private-white-150);
}

@mixin yc-colors-system-light-hc {
    --yc-color-scroll-track: var(--yc-color-base-background);
    --yc-color-scroll-handle: var(--yc-color-private-black-100);
    --yc-color-scroll-handle-hover: var(--yc-color-private-black-150);
    --yc-color-scroll-corner: var(--yc-color-private-black-100);
}

@mixin yc-colors-system-dark-hc {
    --yc-color-scroll-track: var(--yc-color-base-background);
    --yc-color-scroll-handle: var(--yc-color-private-white-150);
    --yc-color-scroll-handle-hover: var(--yc-color-private-white-250);
    --yc-color-scroll-corner: var(--yc-color-private-white-150);
}