@import url('root.css');

:root {
    --color-login-bg: var(--color-hsl-200-66-10);
    --color-login-pw: var(--color-hsl-0-0-66);

    --color-login-input-fg: var(--color-hsl-0-0-100);
    --color-login-input-bg: var(--color-hsl-200-66-15);
    --color-login-input-border: var(--color-hsl-200-100-60);

    --color-login-button-fg: var(--color-hsl-0-0-100);
    --color-login-button-fg-hover: var(--color-hsl-0-0-100);
    --color-login-button-fg-active: var(--color-hsl-0-0-100);

    --color-login-button-bg: var(--color-hsl-200-66-15);
    --color-login-button-bg-hover: var(--color-hsl-200-66-25);
    --color-login-button-bg-active: var(--color-hsl-200-66-35);

    --color-login-button-border: var(--color-login-button-bg-hover);
    --color-login-button-border-hover: var(--color-login-button-bg-hover);
    --color-login-button-border-active: var(--color-login-button-bg-active);

    --color-login-error-fg: hsl(0deg 80% 90%);
    --color-login-error-bg: hsl(0deg 80% 40%);
}