[[module CSS]]
:root {
    --theme-base: "black-highlighter";
    --theme-id: "liminal-blue";
    --theme-name: "Liminal Blue Theme";
    --logo-image: url("../../New_BHL/image/logo.svg");
    --header-title: "The Backrooms";
    --header-subtitle: "你曾经来过这里";

    --body-font: Inter, "Noto Sans SC", "Noto Sans TC", Arimo, Verdana, Geneva, sans-serif;
    --header-font: Inter, "Noto Sans SC", "Noto Sans TC", Franklin Gothic Medium, Franklin Gothic, ITC Franklin Gothic, Arial, sans-serif;
    --title-font: var(--header-font);
    --mono-font: Recursive, "Noto Serif SC", "Noto Serif TC", Consolas, monaco, monospace;

    --white-monochrome: 230, 240, 250;   
    --pale-gray-monochrome: 200, 220, 240;  
    --light-gray-monochrome: 160, 180, 210;
    --gray-monochrome: 70, 100, 140;  
    --black-monochrome: 20, 40, 70;   
    --bright-accent: 100, 150, 220;    
    --medium-accent: 60, 100, 180;    
    --dark-accent: 30, 60, 120;   
    --pale-accent: 180, 210, 230;   

    --link-color: 80, 150, 220;       

    --hover-link-color: 50, 120, 200;    
    --visited-link-color: 120, 160, 220;   

    --swatch-topmenu-border-color: var(--medium-accent);
    --background-gradient-distance: 0rem;

    --gradient-header: linear-gradient(to top,
        rgba(var(--medium-accent), 0.9) 0%,
        rgba(var(--dark-accent), 0.9) 100%);

    --diagonal-stripes: linear-gradient(transparent 0);

}

#skrollr-body {
    background-image: radial-gradient(circle,
        rgb(var(--medium-accent)) 50%,
        transparent 0);
    background-repeat: repeat;
    background-size: 0.25em 0.25em;
}

#container {
    background-image: radial-gradient(circle,
        rgba(var(--pale-accent), 0.1) 50%,
        transparent 0);
}

.styled-quote {
    background-color: rgba(var(--pale-accent), 0.5);
    border-left: 0.5rem solid rgb(var(--medium-accent));
}

.dark-styled-quote {
    background-color: rgba(var(--gray-monochrome), 0.8);
    border-left: 0.5rem solid rgb(var(--pale-accent));
    color: rgb(var(--white-monochrome));
}

.lightblock {
    background-color: rgba(var(--pale-accent), 0.3);
}

.darkblock {
    background-color: rgba(var(--gray-monochrome), 0.7);
    color: rgb(var(--white-monochrome));
}

#footer, #footer a {
    color: rgb(var(--pale-accent));
}

.scp-image-block {
    border: 1px solid rgb(var(--bright-accent));
    background-color: rgba(var(--pale-accent), 0.2);
}

#page-content div#u-adult-warning {
    border: 3px solid rgb(var(--dark-accent));
    background: rgba(var(--pale-accent), 0.7);
    color: rgb(var(--black-monochrome));

    &>div#u-adult-header {
        color: rgb(var(--dark-accent));
    }
}

[[/module]]