city-fog-theme.css

:root {
	/* Background colors */
	--cf-bg0: #2c3946;
	--cf-bg1: #364758;
	--cf-bg2: #42566a;
	--cf-bg3: #324151;
	--cf-bg4: #232e38;

	/* Accent colors */
	--cf-acc0: #7bb1bd;
	--cf-acc1: #bd7ba2;

	/* Text colors */
	--cf-txt0: #c3ccd4;
	--cf-txt1: #ffffff;
	--cf-txt2: #d8e1e9;

	/* Hover colors */
	--cf-hover0: rgba(255, 255, 255, 0.09);
	--cf-hover1: rgba(255, 255, 255, 0.18);
	--cf-hover2: rgba(255, 255, 255, 0.075);

	/* Border radii */
	--cf-br0: 4px;
	--cf-br1: 7px;
	--cf-br2: 15px;

	/* Rainbow accent color spectrum */
	--cf-red: #be7d7d;
	--cf-orange: #bd987e;
	--cf-yellow: #c5c387;
	--cf-green: #7bbe92;
	--cf-blue: #7cb2bd;
	--cf-purple: #9a88bf;
	--cf-pink: #be7aa1;

	/* Font families */
	--cf-font0: Verdana, sans-serif;
	--cf-font1: monospace;

	/* Shadows */
	--cf-shadow0: 0 0 7px rgba(0, 0, 0, 0.15);
	--cf-shadow1: 0 0 12px rgba(0, 0, 0, 0.2);
	--cf-shadow2: 0 0 15px rgba(0, 0, 0, 0.25);
}