/* Проектная тема.
   Селектор html:root даёт специфичность 0,0,2 — перекрывает :root {} из colors.scss
   вне зависимости от того, в каком порядке Vite инжектит стили. */

html:root {
    --sidebar-gradient:
        radial-gradient(420px 420px at 0px 56px, hsla(330, 90%, 65%, 0.4), transparent 65%),
        linear-gradient(180deg, hsl(334, 79%, 40%) 0%, hsl(334, 79%, 28%) 55%, hsl(320, 70%, 20%) 100%);

    --header-gradient:
        radial-gradient(420px 420px at 0px 56px, hsla(330, 90%, 65%, 0.4), transparent 65%),
        linear-gradient(
            90deg,
            hsl(334, 79%, 40%) 0%,
            hsl(330, 76%, 37%) 55%,
            hsl(326, 72%, 32%) 100%
        );

    --login-box-background: hsl(334, 79%, 38%);
    --login-box-color: #fff;
    --login-box-button-background-color: #fff;
    --login-box-button-color: #000;
    --login-box-button-background-color-active: #ededed;
    --login-box-button-color-active: #000;
    --login-box-label-color: #fff;
    --login-box-label-required-color: #fff;

    --header-background: hsl(334, 79%, 38%);
    --header-border-color: transparent;
    --header-button-background: rgba(8, 0, 10, 0.1);
    --header-button-color: #fff;
    --header-button-background-active: rgba(8, 0, 10, 0.2);
    --header-button-color-active: #fff;

    --sidebar-background: hsl(334, 79%, 38%);
    --sidebar-border-color: transparent;
    --sidebar-color: #fffc;
    --sidebar-icon-color: #fffc;
    --sidebar-expand-icon-color: #fffc;
    --sidebar-background-active: rgba(8, 0, 10, 0.1);
    --sidebar-color-active: #fff;
    --sidebar-menu-border-color-hover: rgba(255, 255, 255, 0.3);

    --content-background: #ffffff;
    --content-border-radius: 8px 0px 0px 0px;
    --content-margin: 0px;

    --doc-button-background-color: #fff;
    --doc-button-color: #000;
    --doc-button-background-color-active: #ededed;
    --doc-button-color-active: #000;
}