Mirror of https://github.com/roostorg/coop
github.com/roostorg/coop
1@tailwind base;
2@tailwind components;
3@tailwind utilities;
4
5@font-face {
6 font-family: 'manrope';
7 src: url('../fonts/Manrope-VariableFont_wght.ttf') format('truetype');
8 font-weight: 100 800;
9 font-style: normal;
10}
11
12body {
13 font-family:
14 manrope,
15 Inter var,
16 ui-sans-serif,
17 system-ui,
18 -apple-system,
19 BlinkMacSystemFont,
20 Segoe UI,
21 Roboto,
22 Helvetica Neue,
23 Arial,
24 Noto Sans,
25 sans-serif,
26 Apple Color Emoji,
27 Segoe UI Emoji,
28 Segoe UI Symbol,
29 Noto Color Emoji !important;
30}
31
32@layer base {
33 :root {
34 --background: 0 0% 100%;
35 --foreground: 222.2 84% 4.9%;
36 --card: 0 0% 100%;
37 --card-foreground: 222.2 84% 4.9%;
38 --popover: 0 0% 100%;
39 --popover-foreground: 222.2 84% 4.9%;
40 --primary: 243 100% 70%;
41 --primary-foreground: 210 40% 98%;
42 --secondary: 210 40% 96.1%;
43 --secondary-foreground: 222.2 47.4% 11.2%;
44 --muted: 210 40% 96.1%;
45 --muted-foreground: 215.4 16.3% 46.9%;
46 --accent: 210 40% 96.1%;
47 --accent-foreground: 222.2 47.4% 11.2%;
48 --destructive: 0 84.2% 60.2%;
49 --destructive-foreground: 210 40% 98%;
50 --border: 214.3 31.8% 91.4%;
51 --input: 214.3 31.8% 91.4%;
52 --ring: 222.2 84% 4.9%;
53 --radius: 0.5rem;
54 --chart-1: 12 76% 61%;
55 --chart-2: 173 58% 39%;
56 --chart-3: 197 37% 24%;
57 --chart-4: 43 74% 66%;
58 --chart-5: 27 87% 67%;
59 }
60
61 .dark {
62 --radius: 0.5rem;
63
64 --background: 222.2 84% 4.9%;
65 --foreground: 210 40% 98%;
66 --card: 222.2 84% 4.9%;
67 --card-foreground: 210 40% 98%;
68 --popover: 222.2 84% 4.9%;
69 --popover-foreground: 210 40% 98%;
70 --primary: 210 40% 98%;
71 --primary-foreground: 222.2 47.4% 11.2%;
72 --secondary: 217.2 32.6% 17.5%;
73 --secondary-foreground: 210 40% 98%;
74 --muted: 217.2 32.6% 17.5%;
75 --muted-foreground: 215 20.2% 65.1%;
76 --accent: 217.2 32.6% 17.5%;
77 --accent-foreground: 210 40% 98%;
78 --destructive: 0 62.8% 30.6%;
79 --destructive-foreground: 210 40% 98%;
80 --border: 217.2 32.6% 17.5%;
81 --input: 217.2 32.6% 17.5%;
82 --ring: 212.7 26.8% 83.9%;
83 --chart-1: 220 70% 50%;
84 --chart-2: 160 60% 45%;
85 --chart-3: 30 80% 55%;
86 --chart-4: 280 65% 60%;
87 --chart-5: 340 75% 55%;
88 }
89}
90
91@layer base {
92 * {
93 @apply border-border;
94 }
95 body {
96 @apply bg-background text-foreground;
97 font-feature-settings:
98 'rlig' 1,
99 'calt' 1;
100 letter-spacing: 0.22px;
101 }
102}