/* Author: Anapnoe */

:root {
    --sd-main-accent-color:#7950ab;
    --sd-label-color:rgba(255, 255, 255, 0.75);
    --sd-input-text-color:rgba(255, 255, 255, 0.75);
    --sd-input-secondary-text-color:var(--sd-input-text-color);
    --sd-input-placeholder-text-color:rgba(255, 255, 255, 0.35);
    --sd-input-hover-text-color:var(--sd-input-text-color);

    --sd-button-normal-color:var(--sd-input-background-color);
    --sd-button-normal-text-color:var(--sd-input-text-color);
    --sd-button-selected-color:var(--sd-main-accent-color);
    --sd-button-selected-text-color:var(--sd-input-hover-text-color);
    --sd-button-hover-color:var(--sd-button-selected-color);
    --sd-button-hover-text-color:var(--sd-button-selected-text-color);

    --sd-main-background-color:rgb(32 32 32);
    --sd-input-background-color:rgba(0, 0, 0, 0.25);
    --sd-input-border-color:rgba(0, 0, 0, 0.1);
    --sd-panel-background-color:rgba(64, 64, 64, 0.5);
    --sd-panel-border-color:rgba(64, 64, 64, 0.75);
    --sd-group-background-color:hsl(0deg 0% 16%);
    --sd-group-border-color:hsl(0deg 0% 16%);
    --sd-scrollbar-color:var(--sd-panel-border-color);
    --sd-outline-color:var(--sd-button-hover-color);
    --sd-outline-size:calc(var(--sd-border-size) * 0.8);

    --sd-input-height:35px;
    --sd-input-slider-height:0.6;
    --sd-input-icon-height:calc(var(--sd-input-height) - var(--sd-input-border-size) * 2);
    --sd-input-line-height:23px;

    --sd-input-padding:5px;
    --sd-input-border-size:2px;
    --sd-panel-padding:5px;
    --sd-group-padding:2px;
    --sd-group-border-size:2px;
    --sd-group-border-radius:7px;
    --sd-group-gap:6px;
    --sd-border-size:2px;
    --sd-border-radius:5px;
    --sd-gap-size-val:5px;
    --sd-outside-gap-size:8px;
    --sd-gap-size:max(var(--sd-gap-size-val), var(--sd-border-size));

    color-scheme: dark;
}