@import url('root.css');

:root {
    --color-login-bg: var(--color-hsl-0-0-7);
    --color-login-pw: var(--color-hsl-0-0-100);

    --color-login-input-fg: var(--color-hsl-0-0-100);
    --color-login-input-bg: var(--color-hsl-0-0-15);
    --color-login-input-border: var(--color-hsl-188-100-50-55);

    --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-0-0-15);
    --color-login-button-bg-hover: var(--color-hsl-0-0-25);
    --color-login-button-bg-active: var(--color-hsl-0-0-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%);
}