1
 2:root {
 3	--primary: hsl(224, 95%, 45%); /* Blue #0640e0 */
 4	--link: var(--primary);
 5	--text: hsl(0, 0%, 18%);
 6	--page-background: hsl(0, 0%, 100%);
 7	--card-border: hsl(0, 0%, 18%);
 8	--card-background: hsl(0, 0%, 97%);
 9	--action: hsl(100, 95%, 20%);
10/*	--warning: hsl(20, 100%, 41%);*/
11}
12
13@media (prefers-color-scheme: dark) {
14	:root {
15		--primary: hsl(224, 100%, 67%);
16		--text: hsl(0, 0%, 88%);
17	    --page-background: hsl(0, 0%, 9%);
18	    --card-border: hsl(0, 0%, 26%);
19	    --card-background: hsl(0, 0%, 11%);
20	    --action: hsl(100, 95%, 45%);
21/*	    --warning: hsl(20, 100%, 51%);*/
22	}
23
24}