@use "sass:color" as c;

@use "general" as *;
@use "fonts" as *;
@use "main-palette" as mp;

body {
    color: mp.$text;
    background-color: mp.$bg;
    /*background-image: url("/img/bgpat.png");
    background-repeat: repeat;*/

    a {
        color: mp.$link;
    }
    a:hover {
        color: c.adjust($color: mp.$link, $saturation: 4%, $lightness: 10%);
    }

    p {
        font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
        font-size: $psize;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: $ll, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
        font-weight: bold;
        text-decoration: underline;
        text-decoration-color: mp.$border;
        font-smooth: never;
        -webkit-font-smoothing: none;
        -moz-osx-font-smoothing: none;
    }

    h1 {
        font-size: $h1size;
    }
    h2 {
        font-size: $h2size;
    }
    h3 {
        font-size: $h3size;
    }
    h4 {
        font-size: $h4size;
    }
    h5 {
        font-size: $h5size;
    }
    h6 {
        font-size: $h6size;
    }

    .warning {
        padding: 2px;
        margin: 2px auto;
        text-align: center;
        border-top: 1px solid
            c.adjust($color: mp.$border, $saturation: 15%, $lightness: 10%);
        border-bottom: 1px solid
            c.adjust($color: mp.$border, $saturation: 15%, $lightness: 10%);
        background: c.adjust(
            $color: mp.$border,
            $saturation: 15%,
            $lightness: -20%
        );
    }

    @media (min-width: $breakpoint) {
        #mobile-warning {
            display: none;
        }
    }
}