@font-face {
    font-family: "PixelOperator";
    src: url("../_fonts/PixelOperator.ttf") format("truetype");
}

@font-face {
    font-family: "Rodondo";
    src: url("../_fonts/Rodondo.otf") format("opentype");
}

@font-face {
    font-family: "Sina Nova";
    src: url("/_fonts/sinanova.otf") format("opentype");
}

@font-face {
    font-family: "Dobra Black";
    src: url("/_fonts/dobra-black.ttf") format("truetype");
}

@font-face {
    font-family: "Core Sans A";
    src: url("/_fonts/CoreSansA65Bold.otf") format("opentype");
}

@font-face {
    font-family: "SlapAndCrumbly";
    src: url("../_fonts/SlapAndCrumbly.ttf") format("truetype");
}


.rainworld-theme {

    --background-color: #141513;
    --shadow-color: #0f110f;

    --box-background-color: #1e201d;
    --box-background-color-2: #2d322d;
    --box-background-color-3: #171816;
    --box-border-color: #798574;
    --box-border-color-2: #464b42;


    --text-color: #b4bbb4;
    --tooltip-text-color: #b4bbb4;
    --highlighted-text-color: #0f110f;
    --header-text-color: #ffffff;
    --highlight-color: #9fe62d;
    /* --highlight-color-2: #f57c31; */
    --highlight-color-2: #9fe62d;
    --highlight-color-soft: #9fe62d45;
    --highlight-color-3: #2d33e6;
    --marker-color: #5156e7;

    --banner-image: url("/_img/assets/rw-assets/Rain-World-175437.jpg");
    --header-font: "Rodondo";
    --header-font-size: 6.5em;
    --secondary-font: "PixelOperator";


    --heading1-background-color: #171816;
    --heading1-color: #b4bbb4;
    --heading2-color: #b4bbb4;
    --heading3-color: #6b6f6b;

    --plaid-pattern-1: url("/_img/assets/plaid-pattern-dark.png");
    --plaid-pattern-2: url("/_img/assets/plaid-pattern-dark-2.png");
}


.shoreline-theme {
    --background-color: #ebecea;
    --shadow-color: #5b655d;

    --box-background-color: #d9ddd5;
    --box-background-color-2: #b7c2b5;
    --box-background-color-3: #b9c2ba;
    --box-border-color: #425d45;
    --box-border-color-2: #99a599;

    --text-color: #292931;
    --tooltip-text-color: #202027;
    --highlighted-text-color: #e1ebe0;
    --header-text-color: #f8f8f8;

    /* --highlight-color: #e42c32; */
    --highlight-color: #e96615;
    --highlight-color-2: #e96615;
    --highlight-color-2-soft: #e9661545;
    --highlight-color-3: #63dfba;
    --marker-color: #289171;

    --banner-image: url("/_img/assets/rw-assets/SL_B01.png");
    --header-font: "Rodondo";
    --header-font-size: 6.5em;
    --secondary-font: "PixelOperator";

    --heading1-background-color: #b7c2b5;
    --heading1-color: #292931;
    --heading2-color: #292931;
    --heading3-color: #434350;

    --plaid-pattern-1: url("/_img/assets/plaid-pattern-dark-3.png");
    --plaid-pattern-2: url("/_img/assets/plaid-pattern-dark-2.png");
}