@import url("reset.css");
@import url("global.css");
@import url("headerfooter.css");
@import url("post.css");
@import url("notecards.css");
@import url("code.css");
/*@import url("https://cdn.jsdelivr.net/npm/gotham-fonts@1.0.3/css/gotham-rounded.min.css");*/

/*Fonts*/

/* @import url('https://fonts.cdnfonts.com/css/itc-cheltenham-std'); */
/*@import url('https://fonts.cdnfonts.com/css/univers-next-pro-extended'); */
/* @import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,100..900;1,100..900&display=swap'); */
@import url("https://fonts.googleapis.com/css2?family=Alegreya:ital,wght@0,400..900;1,400..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wdth,wght,YTLC@0,6..12,75..125,200..1000,440..540;1,6..12,75..125,200..1000,440..540&display=swap");
/* Defaults */

:root {
    --font-family-serif: "Alegreya", serif;
    /*   --font-family-serif: 'ITC Cheltenham Std', serif;    */
    --font-family-sans: "Nunito Sans", sans-serif;
    /* --font-family-sans: 'Libre Franklin', sans-serif;    */
    /* --font-family-sans: 'Univers Next Pro', sans-serif; */
    /* --font-family-typewriter: 'L', sans-serif; */
    /* --font-family-typewriter: 'CMU Typewriter Text', sans-serif;*/
    --font-family-monospace:
        Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console,
        Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono,
        Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
}

/* Theme colors */
:root {
    --color-gray-20: #e0e0e0;
    --color-gray-50: #c0c0c0;
    --color-gray-90: #333;

    --background-color: #fff;

    --highligher-yellow: 255, 225, 0;
    --highligher-green: 20, 225, 0;
    --highligher-pink: 255, 0, 170;

    --tape-gray: #dbd8be;
    --tape-edge-gray: #b7b49d;

    /* --background-color: #fffcf8; */

    --text-color: var(--color-gray-90);
    --text-color-link: #082840;
    --text-color-link-active: black;
    --text-color-link-visited: #060517;

    --syntax-tab-size: 2;
}

@media (prefers-color-scheme: dark) {
    :root {
        --color-gray-20: #e0e0e0;
        --color-gray-50: #c0c0c0;
        --color-gray-90: #dad8d8;

        /* --text-color is assigned to --color-gray-_ above */
        --text-color-link: #1493fb;
        --text-color-link-active: #6969f7;
        --text-color-link-visited: #a6a6f8;

        --background-color: #15202b;
    }
}