@charset "utf-8";

/* Color definitions */
/* These are considered Playdate-wide */

:root
{       
	--black: #000000;
	--darkest-gray: #1d1c18;
	--psd-darkest-gray: #212223;
	--screen-black: #312f28;
	--dark-gray: #57554e;
	--mid-gray: #7e7b75;
	--psd-dark-gray: #878c91;
	--psd-mid-gray: #94999c;
	--screen-white: #b1afa8;
	--psd-light-gray: #e8e4da;
	--lightest-gray: #f5f5f5;
	--white: #ffffff;

	--brand-yellow: #ffc833;
	--device-yellow: #fbc651;
	--red: #ef5023;
	--readable-red: #ff6c42;
	--muted-red: #e88984;
	--purple: #6c00ff;
	--muted-purple: #9d70db;
	--blue: #306fb6;
	--muted-blue: #5e99d0;
	--green: #2c7d46;
	--muted-green: #60be83;
}

@supports (color: color(display-p3 1 1 1 / 1)) {
	:root
	{
		--black: color(display-p3 0 0 0);
		--screen-black: color(display-p3 0.192 0.184 0.157);
		--dark-gray: color(display-p3 0.341 0.333 0.306);
		--mid-gray: color(display-p3 0.494 0.482 0.459);
		--screen-white: color(display-p3 0.694 0.686 0.659);
		--lightest-gray: color(display-p3 0.957 0.957 0.957);
		--white: color(display-p3 1 1 1);
		--psd-darkest-gray: color(display-p3 0.129 0.133 0.137);
		--psd-dark-gray: color(display-p3 0.529 0.549 0.569);
		--psd-mid-gray: color(display-p3 0.58 0.6 0.612);
		--psd-light-gray: color(display-p3 0.91 0.894 0.855);
		--brand-yellow: color(display-p3 1 0.784 0.2);
		--device-yellow: color(display-p3 0.984 0.776 0.318);
		--red: color(display-p3 0.937 0.314 0.137);
		--readable-red: color(display-p3 1 0.423 0.259);
		--dev-red: color(display-p3 0.937 0.314 0.137);
		--muted-red: color(display-p3 0.91 0.537 0.518);
		--purple: color(display-p3 0.424 0 1 / 1);
		--muted-purple: color(display-p3 0.616 0.439 0.859);
		--blue: color(display-p3 0.188 0.435 0.714);
		--muted-blue: color(display-p3 0.369 0.6 0.816);
		--green: color(display-p3 0.173 0.49 0.275);
		--muted-green: color(display-p3 0.376 0.745 0.514);
	}
}