systeme.io-task

1
@tailwind base;
2
@tailwind components;
3
@tailwind utilities;
4

5
@layer base {
6
  :root {
7
    --background: 0 0% 100%;
8
    --foreground: 0 0% 3.9%;
9

10
    --card: 0 0% 100%;
11
    --card-foreground: 0 0% 3.9%;
12

13
    --popover: 0 0% 100%;
14
    --popover-foreground: 0 0% 3.9%;
15

16
    --primary: 0 0% 9%;
17
    --primary-foreground: 0 0% 98%;
18

19
    --secondary: 0 0% 96.1%;
20
    --secondary-foreground: 0 0% 9%;
21

22
    --muted: 0 0% 96.1%;
23
    --muted-foreground: 0 0% 45.1%;
24

25
    --accent: 0 0% 96.1%;
26
    --accent-foreground: 0 0% 9%;
27

28
    --destructive: 0 84.2% 60.2%;
29
    --destructive-foreground: 0 0% 98%;
30

31
    --border: 0 0% 89.8%;
32
    --input: 0 0% 89.8%;
33
    --ring: 0 0% 3.9%;
34

35
    --radius: 0.5rem;
36
  }
37

38
  .dark {
39
    --background: 0 0% 3.9%;
40
    --foreground: 0 0% 98%;
41

42
    --card: 0 0% 3.9%;
43
    --card-foreground: 0 0% 98%;
44

45
    --popover: 0 0% 3.9%;
46
    --popover-foreground: 0 0% 98%;
47

48
    --primary: 0 0% 98%;
49
    --primary-foreground: 0 0% 9%;
50

51
    --secondary: 0 0% 14.9%;
52
    --secondary-foreground: 0 0% 98%;
53

54
    --muted: 0 0% 14.9%;
55
    --muted-foreground: 0 0% 63.9%;
56

57
    --accent: 0 0% 14.9%;
58
    --accent-foreground: 0 0% 98%;
59

60
    --destructive: 0 62.8% 30.6%;
61
    --destructive-foreground: 0 0% 98%;
62

63
    --border: 0 0% 14.9%;
64
    --input: 0 0% 14.9%;
65
    --ring: 0 0% 83.1%;
66
  }
67
}
68

69
@layer base {
70
  * {
71
    @apply border-border;
72
  }
73
  body {
74
    @apply bg-background text-foreground;
75
  }
76
}
77