Your music, beautifully tracked. All yours. (coming soon)
teal.fm
teal-fm
atproto
1@tailwind base;
2@tailwind components;
3@tailwind utilities;
4
5@layer base {
6 :root {
7 --base-font-family: "EBGaramond";
8 --background: 313 35% 98%;
9 --foreground: 313 79% 4%;
10 --muted: 283 24% 92%;
11 --muted-foreground: 283 11% 39%;
12 --popover: 313 35% 97%;
13 --popover-foreground: 313 79% 3%;
14 --card: 313 35% 97%;
15 --card-foreground: 313 79% 3%;
16 --border: 313 8% 92%;
17 --input: 313 8% 92%;
18 --primary: 313 99% 74%;
19 --primary-foreground: 313 99% 14%;
20 --secondary: 283 99% 74%;
21 --secondary-foreground: 283 99% 14%;
22 --accent: 343 99% 74%;
23 --accent-foreground: 343 99% 14%;
24 --destructive: 5 91% 37%;
25 --destructive-foreground: 5 91% 97%;
26 --bsky: 211.08 99.11% 60.08%;
27 --ring: 313 99% 74%;
28 --radius: 1rem;
29 }
30
31 .dark:root {
32 --background: 313 60% 1%;
33 --foreground: 313 14% 97%;
34 --muted: 283 24% 8%;
35 --muted-foreground: 283 11% 61%;
36 --popover: 313 60% 2%;
37 --popover-foreground: 313 14% 98%;
38 --card: 313 60% 2%;
39 --card-foreground: 313 14% 98%;
40 --border: 313 8% 14%;
41 --input: 313 8% 14%;
42 --primary: 313 99% 74%;
43 --primary-foreground: 313 99% 14%;
44 --secondary: 283 99% 74%;
45 --secondary-foreground: 283 99% 14%;
46 --accent: 343 99% 74%;
47 --accent-foreground: 343 99% 14%;
48 --destructive: 5 91% 60%;
49 --destructive-foreground: 0 0% 100%;
50 --bsky: 211.08 99.11% 60.08%;
51 --ring: 313 99% 74%;
52 }
53}
54
55* {
56 -webkit-font-smoothing: antialiased;
57 -moz-osx-font-smoothing: grayscale;
58 text-rendering: optimizeLegibility;
59}
60
61.var-font-soft {
62 font-variation-settings: "SOFT" 100;
63}