/* Variables */

:root {
	--dso-heading-font: "Asap";
	--dso-heading-weight: 700;
	--dso-fp-heading-weight: 600;
	--dso-meta-font: "Asap";
	--dso-meta-weight: 400;
	--dso-body-font: "Bitter";
	--dso-body-weight: 400;
	
	/* Sidebar li type sizes */

	--sb-li-fs: 0.88rem;
	--sb-li-lh: calc(var(--sb-li-fs) * 1.4);
	--sb-li-mp: 0.64rem;
	
	/* Heading base size */

	--hs1: 3.2rem;
	--hs1b: calc(var(--hs1) - 0.4rem);
	--hs2: calc(var(--hs1) - 0.8rem);
	--hs3: calc(var(--hs2) - 0.8rem);
	--hs3b: calc(var(--hs3) - 0.4rem);
	
	--ls1: calc(var(--hs1) * 1.125);
	--ls1b: calc(var(--hs1b) * 1.125);
	--ls2: calc(var(--hs2) * 1.125);
	--ls3: calc(var(--hs3) * 1.125);
	--ls3b: calc(var(--hs3b) * 1.125);

	/* Typical border radii */
	--br1: 0.8rem;
	--br2: calc(var(--br) * 2);
	
	/* ==============
	 * === COLORS ===
	 * ============== */

	--dso-cool-gray-90: #0a0b0c;
	--dso-cool-gray-80: #2c3038;
	--dso-warm-gray-20: #b0aca6;
	--dso-warm-gray-10: #fefaf6;
	
	--dso-bg-emoji-color: color-mix(
		in hsl,
		var(--dso-warm-gray-20),
		white 75%
	);
	
	--dso-green-50: #4c6633;
	--dso-orange-50: #ff3300;
	--dso-yellow-40: #ffcc00;
	
	/* Selected semi-transparent */

	--dso-warm-gray-10-25p: color-mix(in srgb, var(--dso-warm-gray-10), transparent 75%);
	--dso-warm-gray-10-33p: color-mix(in srgb, var(--dso-warm-gray-33), transparent 33.333%);

	--dso-cool-gray-80-10p: color-mix(in srgb, var(--dso-cool-gray-80), transparent 90%);
	--dso-cool-gray-80-15p: color-mix(in srgb, var(--dso-cool-gray-80), transparent 85%);
	--dso-cool-gray-80-25p: color-mix(in srgb, var(--dso-cool-gray-80), transparent 75%);
	--dso-cool-gray-80-50p: color-mix(in srgb, var(--dso-cool-gray-80), transparent 50%);
	--dso-cool-gray-80-75p: color-mix(in srgb, var(--dso-cool-gray-80), transparent 25%);

	--dso-cool-gray-90-25p: color-mix(in srgb, var(--dso-cool-gray-90), transparent 75%);
	--dso-cool-gray-90-33p: color-mix(in srgb, var(--dso-cool-gray-90), transparent 66.667%);
}