mainasara.dev
An entry for the streamplace vod showcase
1:root {
2 --text: #e5e5e5;
3 --text-h: #ffffff;
4 --text-muted: #888;
5 --bg: #0a0a0a;
6 --card-bg: #1a1a1a;
7 --border: #2a2a2a;
8 --accent: #646cff;
9 --accent-hover: #535bf2;
10
11 font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
12 sans-serif;
13 font-size: 16px;
14 line-height: 1.5;
15 color: var(--text);
16 background: var(--bg);
17
18 font-synthesis: none;
19 text-rendering: optimizeLegibility;
20 -webkit-font-smoothing: antialiased;
21 -moz-osx-font-smoothing: grayscale;
22}
23
24* {
25 box-sizing: border-box;
26}
27
28body {
29 margin: 0;
30 min-height: 100vh;
31}
32
33#root {
34 min-height: 100vh;
35}
36
37h1,
38h2,
39h3 {
40 color: var(--text-h);
41 font-weight: 600;
42}
43
44button {
45 font-family: inherit;
46}
47
48/* Light mode */
49@media (prefers-color-scheme: light) {
50 :root {
51 --text: #333;
52 --text-h: #111;
53 --text-muted: #666;
54 --bg: #fafafa;
55 --card-bg: #fff;
56 --border: #e5e5e5;
57 }
58}