margin.at
1:root {
2 --bg-primary: #09090b;
3 --bg-secondary: #0f0f12;
4 --bg-tertiary: #18181b;
5 --bg-card: #09090b;
6 --bg-elevated: #18181b;
7 --text-primary: #e4e4e7;
8 --text-secondary: #a1a1aa;
9 --text-tertiary: #71717a;
10 --border: #27272a;
11 --border-hover: #3f3f46;
12 --accent: #6366f1;
13 --accent-hover: #4f46e5;
14 --accent-subtle: rgba(99, 102, 241, 0.1);
15 --accent-text: #818cf8;
16 --success: #10b981;
17 --error: #ef4444;
18 --warning: #f59e0b;
19 --info: #3b82f6;
20 --radius-sm: 4px;
21 --radius-md: 6px;
22 --radius-lg: 8px;
23 --radius-full: 9999px;
24 --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
25 --shadow-md:
26 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
27 --shadow-lg:
28 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
29 --font-sans:
30 "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
31 --font-mono:
32 "JetBrains Mono", source-code-pro, Menlo, Monaco, Consolas, monospace;
33}
34
35* {
36 margin: 0;
37 padding: 0;
38 box-sizing: border-box;
39}
40
41html {
42 font-size: 16px;
43 -webkit-text-size-adjust: 100%;
44}
45
46body {
47 font-family: var(--font-sans);
48 background: var(--bg-primary);
49 color: var(--text-primary);
50 line-height: 1.5;
51 min-height: 100vh;
52 -webkit-font-smoothing: antialiased;
53 -moz-osx-font-smoothing: grayscale;
54}
55
56a {
57 color: inherit;
58 text-decoration: none;
59 transition: color 0.15s ease;
60}
61
62h1,
63h2,
64h3,
65h4,
66h5,
67h6 {
68 font-weight: 600;
69 line-height: 1.25;
70 letter-spacing: -0.025em;
71 color: var(--text-primary);
72}
73
74p {
75 color: var(--text-secondary);
76}
77
78button {
79 font-family: inherit;
80 cursor: pointer;
81 border: none;
82 background: none;
83}
84
85input,
86textarea,
87select {
88 font-family: inherit;
89 font-size: inherit;
90 color: var(--text-primary);
91}
92
93::selection {
94 background: var(--accent-subtle);
95 color: var(--accent-text);
96}
97
98.text-sm {
99 font-size: 0.875rem;
100}
101
102.text-xs {
103 font-size: 0.75rem;
104}
105
106.font-medium {
107 font-weight: 500;
108}
109
110.font-semibold {
111 font-weight: 600;
112}
113
114.text-muted {
115 color: var(--text-secondary);
116}
117
118.text-faint {
119 color: var(--text-tertiary);
120}
121
122::-webkit-scrollbar {
123 width: 10px;
124 height: 10px;
125}
126
127::-webkit-scrollbar-track {
128 background: transparent;
129}
130
131::-webkit-scrollbar-thumb {
132 background: var(--border);
133 border-radius: 5px;
134 border: 2px solid var(--bg-primary);
135}
136
137::-webkit-scrollbar-thumb:hover {
138 background: var(--border-hover);
139}