A daily game
emarref.net
1@import "@fontsource-variable/dm-sans/opsz.css";
2@import "tailwindcss";
3@import "tw-animate-css";
4
5@custom-variant dark (&:is(.dark *));
6
7:root {
8 --background: oklch(95.08% 0.0481 184.07);
9 --secondary-background: oklch(100% 0 0);
10 --foreground: oklch(0% 0 0);
11 --main-foreground: oklch(0% 0 0);
12 --main: oklch(78.57% 0.1422 180.36);
13 --border: oklch(0% 0 0);
14 --ring: oklch(0% 0 0);
15 --overlay: oklch(0% 0 0 / 0.8);
16 --shadow: 4px 4px 0px 0px var(--border);
17 --chart-1: #00d6bd;
18 --chart-2: #0099ff;
19 --chart-3: #7a83ff;
20 --chart-4: #ff4d50;
21 --chart-5: #facc00;
22 --chart-active-dot: #000;
23}
24
25.dark {
26 --background: oklch(22.65% 0.0236 198.49);
27 --secondary-background: oklch(23.93% 0 0);
28 --foreground: oklch(92.49% 0 0);
29 --main-foreground: oklch(0% 0 0);
30 --main: oklch(71.47% 0.129261 180.4742);
31 --border: oklch(0% 0 0);
32 --ring: oklch(100% 0 0);
33 --shadow: 4px 4px 0px 0px var(--border);
34 --chart-1: #00bda7;
35 --chart-2: #008ae5;
36 --chart-3: #7a83ff;
37 --chart-4: #ff6669;
38 --chart-5: #e0b700;
39 --chart-active-dot: #fff;
40}
41
42@theme inline {
43 --default-font-family: "DM Sans Variable", sans-serif;
44 --color-main: var(--main);
45 --color-background: var(--background);
46 --color-secondary-background: var(--secondary-background);
47 --color-foreground: var(--foreground);
48 --color-main-foreground: var(--main-foreground);
49 --color-border: var(--border);
50 --color-overlay: var(--overlay);
51 --color-ring: var(--ring);
52 --color-chart-1: var(--chart-1);
53 --color-chart-2: var(--chart-2);
54 --color-chart-3: var(--chart-3);
55 --color-chart-4: var(--chart-4);
56 --color-chart-5: var(--chart-5);
57
58 --spacing-boxShadowX: 4px;
59 --spacing-boxShadowY: 4px;
60 --spacing-reverseBoxShadowX: -4px;
61 --spacing-reverseBoxShadowY: -4px;
62 --radius-base: 15px;
63 --shadow-shadow: var(--shadow);
64 --font-weight-base: 500;
65 --font-weight-heading: 700;
66}
67
68@layer base {
69 body {
70 @apply text-foreground font-base bg-background;
71 }
72
73 h1,
74 h2,
75 h3,
76 h4,
77 h5,
78 h6 {
79 @apply font-heading;
80 }
81}