/*
 * Design tokens. The colours are the title screen's own Game Boy Color
 * palette (docs/hydra/branding/title-screen-palette.png), so the site and the
 * game share one look.
 */
@font-face {
	font-family: "Press Start 2P";
	src: url("../fonts/press-start-2p-latin-400-normal.woff2") format("woff2");
	font-weight: 400;
	font-display: swap;
}
@font-face {
	font-family: "Ubuntu Mono";
	src: url("../fonts/ubuntu-mono-latin-400-normal.woff2") format("woff2");
	font-weight: 400;
	font-display: swap;
}
@font-face {
	font-family: "Ubuntu Mono";
	src: url("../fonts/ubuntu-mono-latin-700-normal.woff2") format("woff2");
	font-weight: 700;
	font-display: swap;
}
@font-face {
	font-family: "Ubuntu Mono";
	src: url("../fonts/ubuntu-mono-latin-ext-400-normal.woff2") format("woff2");
	font-weight: 400;
	unicode-range: U+0100-024F, U+1E00-1EFF;
	font-display: swap;
}

:root {
	/* Title screen palette */
	--gb-black: #000000;
	--gb-deep: #083a29;
	--gb-pine: #10423a;
	--gb-teal: #217363;
	--gb-sea: #297b6b;
	--gb-jade: #298c6b;
	--gb-emerald: #4ab59c;
	--gb-leaf: #6bb58c;
	--gb-aqua: #6bd6b5;
	--gb-mint: #7bcea5;
	--gb-foam: #ceffde;
	--gb-white: #deffef;
	--gb-navy: #29295a;
	--gb-dusk: #4a4a84;
	--gb-violet: #524294;
	--gb-lilac: #7b7bb5;

	/* Roles */
	--bg: #04100c;
	--bg-2: #071a14;
	--panel: #0a231b;
	--panel-2: #0f2f25;
	--line: var(--gb-sea);
	--line-hi: var(--gb-emerald);
	--text: var(--gb-white);
	--text-dim: #9fcfb7;
	--text-faint: #6f9e88;
	--accent: var(--gb-aqua);
	--accent-2: var(--gb-lilac);
	--focus: var(--gb-foam);

	/* Damage tiers: OHKO down to no KO */
	--ko-1: #f0506e;
	--ko-2: #f5a65b;
	--ko-3: #e8d36a;
	--ko-4: #6bd6b5;
	--ko-n: #7b7bb5;

	--font-pixel: "Press Start 2P", ui-monospace, monospace;
	--font-body: "Ubuntu Mono", ui-monospace, Menlo, Consolas, monospace;

	--px: 2px;            /* one Game Boy pixel at site scale */
	--gap: 12px;
	--gap-lg: 20px;
	--radius: 0;
	--max: 1180px;
	color-scheme: dark;
}