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 overflow-x: hidden;
45}
46
47body {
48 font-family: var(--font-sans);
49 background: var(--bg-primary);
50 color: var(--text-primary);
51 line-height: 1.5;
52 min-height: 100vh;
53 -webkit-font-smoothing: antialiased;
54 -moz-osx-font-smoothing: grayscale;
55 overflow-x: hidden;
56 max-width: 100vw;
57}
58
59a {
60 color: inherit;
61 text-decoration: none;
62 transition: color 0.15s ease;
63}
64
65h1,
66h2,
67h3,
68h4,
69h5,
70h6 {
71 font-weight: 600;
72 line-height: 1.25;
73 letter-spacing: -0.025em;
74 color: var(--text-primary);
75}
76
77p {
78 color: var(--text-secondary);
79}
80
81button {
82 font-family: inherit;
83 cursor: pointer;
84 border: none;
85 background: none;
86}
87
88input,
89textarea,
90select {
91 font-family: inherit;
92 font-size: inherit;
93 color: var(--text-primary);
94}
95
96::selection {
97 background: var(--accent-subtle);
98 color: var(--accent-text);
99}
100
101.text-sm {
102 font-size: 0.875rem;
103}
104
105.text-xs {
106 font-size: 0.75rem;
107}
108
109.font-medium {
110 font-weight: 500;
111}
112
113.font-semibold {
114 font-weight: 600;
115}
116
117.text-muted {
118 color: var(--text-secondary);
119}
120
121.text-faint {
122 color: var(--text-tertiary);
123}
124
125::-webkit-scrollbar {
126 width: 10px;
127 height: 10px;
128}
129
130::-webkit-scrollbar-track {
131 background: transparent;
132}
133
134::-webkit-scrollbar-thumb {
135 background: var(--border);
136 border-radius: 5px;
137 border: 2px solid var(--bg-primary);
138}
139
140::-webkit-scrollbar-thumb:hover {
141 background: var(--border-hover);
142}