@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
:root {
    --shefesh-complement: #09cece;
    --shefesh-text-on-complement: black;

    --shefesh-accent: #A21135;
    --shefesh-text-on-accent: white;

    --body-background: #EEFBFB;
    --body-text: #1C1E29;

    --card-background: #d1e0e0;
    --card-text: #1C1E29;

    --header-background: #33354b;
    --header-text: white;

    --shefesh-grey: #3b3b3b;

    --standard-font: "Roboto", "Inter", "San Fransisco", "Helvetica", "Arial", sans-serif;
    --title-font: "Roboto Mono", monospace;
    --condensed-font: "Roboto Condensed", "Inter Tight", "Arial Narrow", "Oswald", sans-serif;

}

@media screen and (prefers-color-scheme: dark) {
    :root {
        --shefesh-accent: #FC83A1;
        --shefesh-text-on-accent: black;

        --body-background: #1C1E29;
        --body-text: white;

        --card-background: #33354b;
        --card-text: white;
    }
}

@media print {
    :root {
        --shefesh-complement: #3b3b3b;
        --shefesh-text-on-complement: white;
    
        --shefesh-accent: black;
        --shefesh-text-on-accent: white;
    
        --body-background: white;
        --body-text: black;
    
        --card-background: white;
        --card-text: black;
    
        --header-background: white;
        --header-text: black;    
    }
}

body {
    background-color: var(--body-background);
    color: var(--body-text);
    font-family: var(--standard-font);
}

header {
    --shefesh-accent: #FC83A1;
    background-color: var(--header-background);
    color: var(--header-text);
}

:not(header, footer) :is(h1) {
    font-weight: 900;
    font-family: var(--title-font);
    color: var(--shefesh-accent);
}

:not(header, footer) :is(h2, h3, h4, h5, h6) {
    font-weight: 900;
    font-family: var(--title-font);
}



a {
    font-weight: bold;
    color: var(--shefesh-accent);
}