MediaWiki:Common.css

:root {
	--font-family-citizen-base: "MiSans Latin";
	--font-family-citizen-monospace: "JetBrains Mono";
	--color-primary__h: 200;
	--color-primary__s: 55%;
	--color-primary__l: 48%;
    --color-surface-0: hsl(var(--color-primary__h), 3%, 98%);
    --color-surface-1: hsl(var(--color-primary__h), 3%, 98%);
	--color-surface-2: hsl(var(--color-primary__h), 10%, 95%);
	--color-surface-3: hsl(var(--color-primary__h), 10%, 85%);
	--color-surface-4: hsl(var(--color-primary__h), 10%, 74%);
	--background-color-overlay: hsla(var(--color-primary__h), 3%, 98%, 0.95);
	--background-color-overlay--lighter: hsla(var(--color-primary__h), 3%, 98%, 0.6);
}

:root {
	--h2-font-family: "MiSans", "HarmonyOS Sans SC", "MiSans Latin", "Helvetica Neue", "Helvetica", "Roboto", "BlinkMacSystemFont", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
	--citizen-default-color: hsl(220, 60%, 50%);
	--h2-color-light: var(--color-primary__h), 3%, 98%;
	--h2-color-dark: var(--color-primary__h), 20%, 10%;
}

:root {
	--h2-bgColor-light--0: hsla(var(--h2-color-light), .1);
	--h2-bgColor-light--0-active: hsla(var(--h2-color-light), .05);
	--h2-bgColor-light--1: hsla(var(--h2-color-light), .3);
	--h2-bgColor-light--2: hsla(var(--h2-color-light), .6);
	--h2-bgColor-light--2-hover: hsla(var(--h2-color-light), .5);
	--h2-bgColor-light--3: hsla(var(--h2-color-light), .75);
	--h2-bgColor-light--4: hsla(var(--h2-color-light), .9);
	--h2-bgColor-dark--0: hsla(var(--h2-color-dark), .1);
	--h2-bgColor-dark--1: hsla(var(--h2-color-dark), .3);
	--h2-bgColor-dark--2: hsla(var(--h2-color-dark), .6);
    --h2-shadow--0: 2px 2px 4px 1px rgba(0, 0, 0, .04), -2px -2px 6px 0px rgba(0, 0, 0, .03);
	--h2-textShadow--0: 1px 1px 2px #a9a9a9;
	--h2-textShadow--1: 1px 1px 2px #545454;
	--h2-mp-card-hover--0: hsl(204, 100%, 88%);
	--h2-mp-card--border-radius: 10px;
	--h2-mp-card--padding: 15px;
	--h2-mp-gap-value: 0.625rem;
}

:root.skin-citizen-dark {
	--h2-color-light: var(--color-primary__h), 20%, 10%;
	--h2-color-dark: var(--color-primary__h), 3%, 98%;
	--h2-mp-card-hover--0: hsl(204, 70%, 58%);
}

::selection {
    background: hsla(180, 64%, 73%, .5);
    color: #32bdcd;
}

body {
	font-family: var(--h2-font-family);
}

@font-face {
	font-family: "Site Wordmark Font";
	src: url("https://h2-wiki-1254268741.cos.ap-shanghai.myqcloud.com/font/Site_Wordmark_Font.woff2") format('woff2');
}

@font-face {
	font-family: "JetBrains Mono";
	src: url("https://h2-wiki-1254268741.cos.ap-shanghai.myqcloud.com/font/JetBrains_Mono.woff2") format('woff2');
}

@font-face {
	font-family: "MiSans Latin";
	src: url("https://h2-wiki-1254268741.cos.ap-shanghai.myqcloud.com/font/MiSans_Latin.woff2") format('woff2');
}

@font-face {
	font-family: "Oswald";
	src: url("https://h2-wiki-1254268741.cos.ap-shanghai.myqcloud.com/font/Oswald_Regular.woff2") format('woff2');
}