@import "tailwindcss";

@theme {
}
:root {
    --background: #ffffff;
    --foreground: #000012;
}

@theme inline {
    --color-background: var(--background);
    --color-foreground: var(--foreground);
    --color-blue1: #272666;
    --color-blue2: #19A3F9;
    --color-grey1: #464646;
    --color-grey2: #000012;
}

@media (prefers-color-scheme: light) {
    :root {
        /*--background: #0a0a0a;*/
        /*--foreground: #ededed;*/
    }
}

html, body {
    height: 100%;
}

body {
    background: var(--background);
    color: var(--foreground);
    font-family: var(--font-instrument-sans), Arial, Helvetica, sans-serif;
    font-size: medium;
    font-weight: 500;
}

.sidebar {
    box-shadow: 5px 5px 10px 0 rgba(158, 119, 122, 0.40);
}

.sidebar nav a:hover, .sidebar nav a.active, .sidebar nav button:hover {
    background: linear-gradient(90deg, rgba(39, 38, 102, 0.50) 0%, rgba(39, 38, 102, 0.00) 100%);
}