77 @apply inline-block;
88 }
99}
10+
1011@layer base {
1112 : root {
12- --background : 240 10% 98% ;
13- --foreground : 240 10% 10% ;
14-
15- --card : 0 0% 100% ;
16- --card-foreground : 240 10% 10% ;
13+ --background : 240 10% 98% ;
14+ --foreground : 240 10% 10% ;
1715
18- --popover : 0 0% 100% ;
19- --popover -foreground: 240 10% 10% ;
16+ --card : 0 0% 100% ;
17+ --card -foreground: 240 10% 10% ;
2018
21- --primary : 217 91 % 60 % ; /* A vibrant blue/teal tone */
22- --primary -foreground: 0 0 % 100 % ;
19+ --popover : 0 0 % 100 % ;
20+ --popover -foreground: 240 10 % 10 % ;
2321
24- --secondary : 240 5% 95% ;
25- --secondary-foreground : 240 5% 15% ;
22+ /* 💚 Changed to lime-400 theme */
23+ --primary : 85 76% 45% ; /* lime-400 */
24+ --primary-foreground : 0 0% 100% ;
2625
27- --muted : 240 5 % 94 % ;
28- --muted -foreground: 240 3.8 % 45 % ;
26+ --secondary : 84 40 % 90 % ;
27+ --secondary -foreground: 84 30 % 20 % ;
2928
30- --accent : 240 6 % 92% ;
31- --accent -foreground: 240 6 % 20 % ;
29+ --muted : 84 30 % 92% ;
30+ --muted -foreground: 84 20 % 40 % ;
3231
33- --destructive : 0 80 % 55 % ;
34- --destructive -foreground: 0 0 % 100 % ;
32+ --accent : 84 35 % 88 % ;
33+ --accent -foreground: 84 25 % 20 % ;
3534
36- --border : 240 5% 85% ;
37- --input : 240 5% 85% ;
38- --ring : 217 91% 60% ;
35+ --destructive : 0 80% 55% ;
36+ --destructive-foreground : 0 0% 100% ;
3937
40- --radius : 0.5rem ;
41- }
38+ --border : 84 20% 80% ;
39+ --input : 84 20% 80% ;
40+ --ring : 84 81% 59% ;
4241
42+ --radius : 0.5rem ;
43+ }
4344
4445 .dark {
45- --background : 20 14.3 % 4.1 % ;
46+ --background : 160 10 % 5 % ;
4647 --foreground : 0 0% 95% ;
47- --card : 24 9.8% 10% ;
48+
49+ --card : 160 9% 10% ;
4850 --card-foreground : 0 0% 95% ;
49- --popover : 0 0% 9% ;
51+
52+ --popover : 160 9% 10% ;
5053 --popover-foreground : 0 0% 95% ;
51- --primary : 346.8 77.2% 49.8% ;
52- --primary-foreground : 355.7 100% 97.3% ;
53- --secondary : 240 3.7% 15.9% ;
54- --secondary-foreground : 0 0% 98% ;
55- --muted : 0 0% 15% ;
56- --muted-foreground : 240 5% 64.9% ;
57- --accent : 12 6.5% 15.1% ;
58- --accent-foreground : 0 0% 98% ;
54+
55+ --primary : 85 76% 45% ; /* brighter lime for dark mode */
56+ --primary-foreground : 0 0% 10% ;
57+
58+ --secondary : 84 15% 20% ;
59+ --secondary-foreground : 0 0% 95% ;
60+
61+ --muted : 84 15% 18% ;
62+ --muted-foreground : 84 10% 65% ;
63+
64+ --accent : 84 15% 22% ;
65+ --accent-foreground : 0 0% 95% ;
66+
5967 --destructive : 0 62.8% 30.6% ;
6068 --destructive-foreground : 0 85.7% 97.3% ;
61- --border : 240 3.7% 15.9% ;
62- --input : 240 3.7% 15.9% ;
63- --ring : 346.8 77.2% 49.8% ;
69+
70+ --border : 84 10% 25% ;
71+ --input : 84 10% 25% ;
72+ --ring : 84 81% 60% ;
6473 }
6574}
6675
@@ -99,28 +108,28 @@ body {
99108 }
100109 /* Hide scrollbar for IE, Edge and Firefox */
101110 .no-scrollbar {
102- -ms-overflow-style : none; /* IE and Edge */
103- scrollbar-width : none; /* Firefox */
111+ -ms-overflow-style : none;
112+ scrollbar-width : none;
104113 }
105114}
106115
107116@media print {
108117 # no-print {
109118 display : none;
110119 }
111-
120+
112121 # pdf {
113122 display : block;
114123 }
115-
124+
116125 body {
117126 margin : 0 ;
118127 padding : 0 ;
119128 box-sizing : border-box;
120129 }
121-
130+
122131 # hello {
123- transform : none !important ; /* Reset any transforms */
132+ transform : none !important ;
124133 position : absolute !important ;
125134 top : 0 !important ;
126135 left : 0 !important ;
@@ -134,6 +143,8 @@ body {
134143 size : auto;
135144 margin : 0mm ;
136145}
146+
147+ /* 💚 Lime gradient background */
137148.radial {
138- background : radial-gradient (circle, # a2e0ed , # 8dd5e5 );
149+ background : radial-gradient (circle, # d9f99d , # 84cc16 ); /* lime-200 → lime-600 */
139150}
0 commit comments