/*
Theme Name: Nysa
Text Domain: resolut.pl
Description: Nysa to szablon dedykowany Spółdzielniom Mieszkaniowym. Funkcje i widoki są stworzone z myślą o mieszkańcach Spółdzielni.
Author URI: https://resolut.pl
Author: Resolut Jakub Wrzeszcz
Version: 1.0
*/

/**
 * Imports
 */
@import url("assets/styles/reset.css");
@import url("assets/styles/typography.css");
@import url("assets/styles/containers.css");
@import url("assets/styles/buttons.css");
@import url("assets/styles/header.css");
@import url("assets/styles/footer.css");
@import url("assets/styles/pagination.css");
@import url("assets/styles/article.css");
@import url("assets/styles/news-header.css");
@import url("assets/styles/quick-access.css");
@import url("assets/styles/faq.css");
@import url("assets/styles/documents-header.css");
@import url("assets/styles/tenders-header.css");
@import url("assets/styles/accessibility.css");

/* TODO: Do usunięcia produkcyjnie */
@import url("assets/styles/example.css");

/**
 * Variables
 */
:root {
    --color-black: #1e1e1e;
    --color-white: #f9f9f9;
    --color-grey: #eeeeee;
    --color-blue: #004788;
    --color-red: #d13101;

    --size-s: 8px;
    --size-m: 16px;
    --size-l: 32px;
    --size-xl: 64px;
    --size-xxl: 128px;

    --base-font-size: 16px;
}

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
}

html {
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
    font-size: var(--base-font-size);
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans",
        Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    line-height: 140%;
    color: var(--color-black);
    background-color: var(--color-white);

    &.high-contrast {
        background-color: black;

        a {
            text-decoration: underline;
        }

        a,
        p,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        ul,
        ol,
        li,
        figcaption {
            color: yellow !important;
        }

        color: yellow !important;

        #main-navigation {
            &.active {
                background-color: black;
            }
        }

        .header__burger-line {
            background-color: yellow !important;
        }

        .accessibility,
        .faq__question,
        .wp-block-file,
        blockquote {
            background-color: black !important;
        }

        blockquote {
            border-color: yellow;
        }

        table,
        tr,
        td,
        th {
            border-color: yellow !important;
        }

        .article__header {
            h1 {
                border-color: yellow;
            }
        }
    }
}