/* Author: Anapnoe */

:root {
    --sd-main-accent-color:hsl(168deg 97% 41%);
    --sd-secondary-color:hsl(225deg 6% 13%);
    --sd-main-background-color:hsl(0deg 0% 10%);
    --sd-input-height:35px;
    --sd-input-slider-height:0.5;
    --sd-input-icon-height:calc(var(--sd-input-height) - var(--sd-input-border-size) * 2);
    --sd-input-padding:5px;
    --sd-input-line-height:20px;
    --sd-label-color:hsl(216deg 5% 60%);
    --sd-input-border-size:0px;
    --sd-input-text-color:hsl(168deg 97% 41%);
    --sd-input-placeholder-text-color:hsl(168deg 97% 41%);
    --sd-input-background-color:hsl(225deg 6% 13%);
    --sd-input-border-color:hsl(228deg 6% 17%);
    --sd-input-hover-text-color:hsl(168deg 96% 80%);
    --sd-panel-background-color:hsl(225deg 5% 17%);
    --sd-panel-border-color:hsl(210deg 6% 20%);
    --sd-panel-padding:5px;
    --sd-border-radius:5px;
    --sd-border-size:2px;
    --sd-gap-size-val:5px;
    --sd-gap-size:max(var(--sd-gap-size-val), var(--sd-border-size));
    --sd-group-background-color:hsl(225deg 6% 13%);
    --sd-group-padding:3px;
    --sd-group-border-radius:8px;
    --sd-group-border-size:1px;
    --sd-group-border-color:hsl(225deg 6% 13%);
    --sd-group-gap:5px;
    --sd-outside-gap-size:8px;

    color-scheme: dark;
}