Atproto AMA app
1:root {
2 --color-bg: #0f0f0f;
3 --color-surface: #1a1a1a;
4 --color-surface-hover: #242424;
5 --color-border: #2a2a2a;
6 --color-primary: #0085ff;
7 --color-primary-hover: #0070dd;
8 --color-text: #e8e8e8;
9 --color-text-muted: #888;
10 --color-success: #2ecc71;
11 --color-danger: #e74c3c;
12 --radius: 8px;
13 --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
14}
15
16*,
17*::before,
18*::after {
19 box-sizing: border-box;
20 margin: 0;
21 padding: 0;
22}
23
24html {
25 font-family: var(--font);
26 background: var(--color-bg);
27 color: var(--color-text);
28 line-height: 1.6;
29}
30
31body {
32 min-height: 100vh;
33}
34
35a {
36 color: var(--color-primary);
37 text-decoration: none;
38}
39
40a:hover {
41 text-decoration: underline;
42}