/* BASE VARIABLES */
:root {
    /* UNIVERSAL */
    --bg-color: #f8f8ff; /* Ghost White*/
    --bg-image: url("../assets/images/general/norwegian_coast.jpg");

    --h1-font-size: 3rem;
    --h2-font-size: 2rem;
    --h3-font-size: 1.75rem;
    --h4-font-size: 1.5rem;
    --h5-font-size: 1rem;
    --h6-font-size: 1rem;
    --heading-color: #2a2f23;

    --text-font-size: 1rem;
    --text-color: #000000;

    --subtext-font-size: 1rem;
    --subtext-color: #848482;

    /* size modifiers */
    --modifier-quarter-up: 1.25;
    --modifier-slight-down: 0.9;
    --modifier-quarter-down: 0.75;
    --modifier-half-down: 0.5;
    --font-size-modifier-phone: 0.9;
    --font-size-modifier-phone-small: 0.75;
    --font-size-modifier-phone-smaller: 0.6;

    --main-title-primary-font-size: 8rem;
    --main-title-secondary-font-size: 6rem;
    --main-title-base-color: #4a646c; /* Deep Space Sparkle */
    --main-title-engraving-color: #c1cdcd; /* Azure 3 */
    --main-title-backdrop-color: #2a3439; /* Gunmetal */

    --nav-bar-height: 64px;
    --nav-bar-font-family: "Native Record Serif";
    --nav-bar-font-size: 2rem;
    --nav-bar-bg-color: #36454f;
    --nav-bar-font-color: whitesmoke;

    --central-panel-bg-color: #f8f8ff; /* Ghost White*/

    --selection-bg: #ffbf00;
    --selection-fg: #002147;

    /* QUOTE PANEL */
    --quote-font-size: 1.25rem;
    --quote-font-color: black;
    --quote-panel-bg-color: #f8f8ff; /* Ghost White*/

    /* POST SHOWCASE */
    --post-showcase-item-font-size-1: 2.5rem;
    --post-showcase-item-font-size-2: 1rem;
    --post-showcase-bg-color: transparent;
    --post-showcase-edge-color-idle: black;
    --post-showcase-edge-color-active: black;

    /* CONSTRUCTION PAGE */
    --construction-page-bg-image: url("../assets/images/beaver_tree.jpg");

    /* POST */
}

/* FONT FACES */

@font-face {
    font-family: "Merriweather";
    src: url("../assets/fonts/Merriweather Variable.ttf");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "Hulberk";
    src: url("../assets/fonts/Hulberk.ttf");
    font-style: normal;
    font-weight: 400;
}

/* Native Record typeface */

@font-face {
    font-family: "Native Record Serif";
    src: url("../assets/fonts/Native Record Serif.ttf");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "Native Record Sans";
    src: url("../assets/fonts/Native Record Sans.ttf");
    font-style: normal;
    font-weight: 400;
}

/* CottageStone typeface */

@font-face {
    font-family: "CottageStone Regular";
    src: url("../assets/fonts/CottageStone-Regular.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
    font-weight: 400;
}

@font-face {
    font-family: "CottageStone Inline";
    src: url("../assets/fonts/CottageStone-Inline.ttf");
    font-style: normal;
    font-display: swap;
    font-weight: 400;
}

@font-face {
    font-family: "CottageStone Extrude";
    src: url("../assets/fonts/CottageStone-Extrude.ttf");
    font-style: normal;
    font-display: swap;
    font-weight: 400;
}

@font-face {
    font-family: "Libre Baskerville";
    src: url("../assets/fonts/LibreBaskerville-VariableFont_wght.ttf");
    font-style: normal;
    font-display: swap;
    font-weight: 400;
}

@font-face {
    font-family: "Libre Baskerville";
    src: url("../assets/fonts/LibreBaskerville-Italic-VariableFont_wght.ttf");
    font-style: italic;
    font-display: swap;
    font-weight: 400;
}