/* general */


/* theme */
@mixin theme-variables($theme) {
    @if $theme =='light' {
        --primary-color: #FC9300;
        --background-color: #131a21;
    }
    @else if $theme == 'dark' {
        --primary-color: #FC9300;
        --background-color: #131a21;
    }
}

:root {
    @include theme-variables('light');
}

[data-theme='dark'] {
    @include theme-variables('dark');
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme='light']) {
        @include theme-variables('dark');
    }
}


/* header */
.home-title {
    background-color: var(--primary-color);
    color: var(--background-color);
    padding: 0.12rem;
}

.nav-links {
    text-decoration: underline;
}
