this repo has no description
1@import "tailwindcss";
2
3:root {
4 --bg: #f5f5f1;
5 --bg-start: #f8f8f4;
6 --bg-end: #f2f1eb;
7 --bg-strong: #ecece6;
8 --surface: rgba(255, 255, 255, 0.85);
9 --surface-strong: rgba(255, 255, 255, 0.96);
10 --ink: #171717;
11 --muted: #5f5f5a;
12 --accent: #4f7a58;
13 --accent-soft: #dbe6dd;
14 --accent-ink: #2f5d35;
15 --danger: #e11d48;
16 --danger-hover: #be123c;
17 --danger-contrast: #fff8fb;
18 --danger-soft: rgba(190, 24, 93, 0.08);
19 --danger-ink: #be123c;
20 --danger-line: rgba(190, 24, 93, 0.24);
21 --line: rgba(23, 23, 23, 0.08);
22 --line-strong: rgba(23, 23, 23, 0.14);
23 --shadow-surface: 0 22px 60px rgba(15, 23, 42, 0.08);
24 --shadow-elevated: 0 18px 44px rgba(15, 23, 42, 0.08);
25 --shadow-button: 0 16px 40px rgba(15, 23, 42, 0.18);
26 --shadow-button-hover: 0 20px 48px rgba(15, 23, 42, 0.24);
27 --shadow-toast: 0 18px 50px rgba(15, 23, 42, 0.12);
28 --shadow-accent: 0 16px 40px rgba(79, 122, 88, 0.1);
29}
30
31:root[data-theme="dark"] {
32 --bg: #141512;
33 --bg-start: #171915;
34 --bg-end: #10110f;
35 --bg-strong: #1d1f1b;
36 --surface: rgba(28, 30, 27, 0.88);
37 --surface-strong: rgba(34, 36, 32, 0.98);
38 --ink: #f2f1eb;
39 --muted: #b4b2aa;
40 --accent: #8db896;
41 --accent-soft: rgba(141, 184, 150, 0.16);
42 --accent-ink: #d7ecd9;
43 --danger: #ff6b93;
44 --danger-hover: #ff5b88;
45 --danger-contrast: #220710;
46 --danger-soft: rgba(190, 24, 93, 0.16);
47 --danger-ink: #ffb3c7;
48 --danger-line: rgba(255, 179, 199, 0.28);
49 --line: rgba(255, 255, 255, 0.1);
50 --line-strong: rgba(255, 255, 255, 0.18);
51 --shadow-surface: 0 22px 60px rgba(0, 0, 0, 0.24);
52 --shadow-elevated: 0 18px 44px rgba(0, 0, 0, 0.22);
53 --shadow-button: 0 16px 40px rgba(0, 0, 0, 0.32);
54 --shadow-button-hover: 0 20px 48px rgba(0, 0, 0, 0.4);
55 --shadow-toast: 0 18px 50px rgba(0, 0, 0, 0.28);
56 --shadow-accent: 0 16px 40px rgba(79, 122, 88, 0.22);
57 color-scheme: dark;
58}
59
60:root[data-theme="light"] {
61 color-scheme: light;
62}
63
64@theme inline {
65 --color-background: var(--bg);
66 --color-foreground: var(--ink);
67 --font-sans: var(--font-inter);
68 --font-display: var(--font-kurale);
69}
70
71* {
72 box-sizing: border-box;
73}
74
75html {
76 min-height: 100%;
77 background-color: var(--bg-end);
78}
79
80body {
81 min-height: 100vh;
82 background-color: var(--bg-end);
83 background-image: linear-gradient(
84 180deg,
85 var(--bg-start) 0%,
86 var(--bg-end) 100%
87 );
88 color: var(--ink);
89 font-family: var(--font-inter), sans-serif;
90}
91
92main {
93 position: relative;
94 z-index: 1;
95}
96
97a {
98 color: inherit;
99 text-decoration: none;
100}
101
102::selection {
103 background: rgba(116, 173, 124, 0.18);
104}