:root {
--firstAccent: 195, 231, 245;
--secondAccent: 70, 130, 180;
--thirdAccent: 0, 100, 139;
--fourthAccent: 235, 235, 235;
--fifthAccent: 173, 216, 230;
--sixthAccent: 126, 168, 203;
--seventhAccent: 176, 196, 222;
--swatch-background: var(--firstAccent);
--white-monochrome: var(--firstAccent);
--gray-monochrome: var(--firstAccent);
--medium-accent: var(--firstAccent);
--light-gray-monochrome:var(--secondAccent);
--dark-accent: var(--secondAccent);
--swatch-text-general: var(--thirdAccent);
--sidebar-links-text: var(--thirdAccent);
--pale-gray-monochrome: var(--fourthAccent);
--pale-accent: var(--fourthAccent);
--lighter-legacy-accent: var(--fifthAccent);
--swatch-topmenu-border-color: var(--fifthAccent);
--bright-accent: var(--sixthAccent);
--swatch-border-color: var(--sixthAccent);
--black-monochrome: var(--seventhAccent);
--link-color: 230, 23, 68;
--hover-link-color: 187, 0, 34;
--visited-link-color: 128, 128, 128;
--body-font: 'STIX Two Math', 'Noto Serif SC', serif;
--header-font: 'Rufina', 'Noto Serif SC', serif;
--title-font: 'Rufina', 'Noto Serif SC', serif;
--mono-font: 'Noto Serif SC', serif;
}
#container {
background-image: radial-gradient(circle, rgb(var(--swatch-background), 0.2) 50%, transparent 0);
background-size: 0.25em 0.25em;
background-repeat: repeat;
background-attachment: fixed;
}
.hovertip {
color: rgb(var(--swatch-text-general));
}
.lightblock {
background-color: rgb(var(--lighter-legacy-accent));
}
.darkblock {
background-color: rgb(var(--dark-accent));
}
.styled-quote {
border-color: rgb(var(--dark-accent));
}
.dark-styled-quote {
background-color: rgb(var(--dark-accent));
}
div.page-rate-widget-box {
background-color: rgb(var(--dark-accent))!important;
}
#login-status a {
color: rgb(var(--dark-accent));
}
.yui-navset .yui-nav .selected, .yui-navset .yui-navset-top .yui-nav .selected {
background-color: rgb(var(--bright-accent))!important;
}
.yui-navset .yui-nav .selected a {
color: rgb(var(--medium-accent))!important;
}
.footnotes-footer {
border-left: 0.5em solid rgba(var(--bright-accent));
}
.darkblock a {
color: rgb(var(--medium-accent));
}
tr {
background-color: rgb(var(--pale-accent));
}
#top-bar div.mobile-top-bar > ul > li > a, #top-bar div.top-bar > ul > li > a {
color: rgb(var(--lighter-legacy-accent));
}
#top-bar > div.mobile-top-bar > div.open-menu > p > a {
color: rgb(var(--lighter-legacy-accent))!important;
}