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}