:root {
    --sscltd-font-size: var(--bs-body-font-size);
    --sscltd-font-family: var(--bs-body-font-family);
    --sscltd-line-height: calc(var(--bs-body-font-size) * 1.5);
    --sscltd-color-theme: #bd2f37;
    --sscltd-color-theme-offset: #fff;
    --sscltd-color-theme-alt: #860011;
    --sscltd-color-theme-alt-offset: #fff;
    --sscltd-color-text: var(--bs-body-color);
    --sscltd-color-control-border: var(--bs-gray-300);
    --sscltd-color-control-border-focus: #c8cbcf;
    --sscltd-color-control-box-shadow-focus: none;
    --sscltd-color-check-input-checked: #f56361;
    --sscltd-control-padding-x: 0.9rem;
    --sscltd-control-padding-y: 0.45rem;
    --sscltd-control-padding: var(--sscltd-control-padding-y) var(--sscltd-control-padding-x);
    --sscltd-control-height: calc(var(--sscltd-line-height) + (var(--sscltd-control-padding-y) + 1px) * 2);
    --sscltd-control-focus-box-shadow: none;
    --hyper-topbar-height: 70px;
    --hyper-leftbar-width: 260px;
    --hyper-rightbar-width: 280px;
}