Hugging Face's logo

Spaces:
ConiferousYogi
/
AI_Powered_Fraud_Detection_for_UID_Aadhar
Sleeping

App Files Community
ConiferousYogi commited on
Commit
de4bdc6
·
verified ·
1 Parent(s): b0528ea

Upload globals.css

Browse files
Files changed (1) hide show
  1. styles/globals.css +216 -0
styles/globals.css ADDED
@@ -0,0 +1,216 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ @custom-variant dark (&:is(.dark *));
2
+
3
+ :root {
4
+ --font-size: 16px;
5
+ --background: #ffffff;
6
+ --foreground: oklch(0.145 0 0);
7
+ --card: #ffffff;
8
+ --card-foreground: oklch(0.145 0 0);
9
+ --popover: oklch(1 0 0);
10
+ --popover-foreground: oklch(0.145 0 0);
11
+ --primary: #030213;
12
+ --primary-foreground: oklch(1 0 0);
13
+ --secondary: oklch(0.95 0.0058 264.53);
14
+ --secondary-foreground: #030213;
15
+ --muted: #ececf0;
16
+ --muted-foreground: #717182;
17
+ --accent: #e9ebef;
18
+ --accent-foreground: #030213;
19
+ --destructive: #d4183d;
20
+ --destructive-foreground: #ffffff;
21
+ --border: rgba(0, 0, 0, 0.1);
22
+ --input: transparent;
23
+ --input-background: #f3f3f5;
24
+ --switch-background: #cbced4;
25
+ --font-weight-medium: 500;
26
+ --font-weight-normal: 400;
27
+ --ring: oklch(0.708 0 0);
28
+ --chart-1: oklch(0.646 0.222 41.116);
29
+ --chart-2: oklch(0.6 0.118 184.704);
30
+ --chart-3: oklch(0.398 0.07 227.392);
31
+ --chart-4: oklch(0.828 0.189 84.429);
32
+ --chart-5: oklch(0.769 0.188 70.08);
33
+ --radius: 0.625rem;
34
+ --sidebar: oklch(0.985 0 0);
35
+ --sidebar-foreground: oklch(0.145 0 0);
36
+ --sidebar-primary: #030213;
37
+ --sidebar-primary-foreground: oklch(0.985 0 0);
38
+ --sidebar-accent: oklch(0.97 0 0);
39
+ --sidebar-accent-foreground: oklch(0.205 0 0);
40
+ --sidebar-border: oklch(0.922 0 0);
41
+ --sidebar-ring: oklch(0.708 0 0);
42
+
43
+ /* Custom colors for fraud detection system */
44
+ --success: #10b981;
45
+ --success-foreground: #ffffff;
46
+ --success-light: #d1fae5;
47
+ --warning: #f59e0b;
48
+ --warning-foreground: #ffffff;
49
+ --warning-light: #fef3c7;
50
+ --danger: #ef4444;
51
+ --danger-foreground: #ffffff;
52
+ --danger-light: #fee2e2;
53
+ --info: #3b82f6;
54
+ --info-foreground: #ffffff;
55
+ --info-light: #dbeafe;
56
+ }
57
+
58
+ .dark {
59
+ --background: oklch(0.145 0 0);
60
+ --foreground: oklch(0.985 0 0);
61
+ --card: oklch(0.145 0 0);
62
+ --card-foreground: oklch(0.985 0 0);
63
+ --popover: oklch(0.145 0 0);
64
+ --popover-foreground: oklch(0.985 0 0);
65
+ --primary: oklch(0.985 0 0);
66
+ --primary-foreground: oklch(0.205 0 0);
67
+ --secondary: oklch(0.269 0 0);
68
+ --secondary-foreground: oklch(0.985 0 0);
69
+ --muted: oklch(0.269 0 0);
70
+ --muted-foreground: oklch(0.708 0 0);
71
+ --accent: oklch(0.269 0 0);
72
+ --accent-foreground: oklch(0.985 0 0);
73
+ --destructive: oklch(0.396 0.141 25.723);
74
+ --destructive-foreground: oklch(0.637 0.237 25.331);
75
+ --border: oklch(0.269 0 0);
76
+ --input: oklch(0.269 0 0);
77
+ --ring: oklch(0.439 0 0);
78
+ --font-weight-medium: 500;
79
+ --font-weight-normal: 400;
80
+ --chart-1: oklch(0.488 0.243 264.376);
81
+ --chart-2: oklch(0.696 0.17 162.48);
82
+ --chart-3: oklch(0.769 0.188 70.08);
83
+ --chart-4: oklch(0.627 0.265 303.9);
84
+ --chart-5: oklch(0.645 0.246 16.439);
85
+ --sidebar: oklch(0.205 0 0);
86
+ --sidebar-foreground: oklch(0.985 0 0);
87
+ --sidebar-primary: oklch(0.488 0.243 264.376);
88
+ --sidebar-primary-foreground: oklch(0.985 0 0);
89
+ --sidebar-accent: oklch(0.269 0 0);
90
+ --sidebar-accent-foreground: oklch(0.985 0 0);
91
+ --sidebar-border: oklch(0.269 0 0);
92
+ --sidebar-ring: oklch(0.439 0 0);
93
+ }
94
+
95
+ @theme inline {
96
+ --color-background: var(--background);
97
+ --color-foreground: var(--foreground);
98
+ --color-card: var(--card);
99
+ --color-card-foreground: var(--card-foreground);
100
+ --color-popover: var(--popover);
101
+ --color-popover-foreground: var(--popover-foreground);
102
+ --color-primary: var(--primary);
103
+ --color-primary-foreground: var(--primary-foreground);
104
+ --color-secondary: var(--secondary);
105
+ --color-secondary-foreground: var(--secondary-foreground);
106
+ --color-muted: var(--muted);
107
+ --color-muted-foreground: var(--muted-foreground);
108
+ --color-accent: var(--accent);
109
+ --color-accent-foreground: var(--accent-foreground);
110
+ --color-destructive: var(--destructive);
111
+ --color-destructive-foreground: var(--destructive-foreground);
112
+ --color-border: var(--border);
113
+ --color-input: var(--input);
114
+ --color-input-background: var(--input-background);
115
+ --color-switch-background: var(--switch-background);
116
+ --color-ring: var(--ring);
117
+ --color-chart-1: var(--chart-1);
118
+ --color-chart-2: var(--chart-2);
119
+ --color-chart-3: var(--chart-3);
120
+ --color-chart-4: var(--chart-4);
121
+ --color-chart-5: var(--chart-5);
122
+ --radius-sm: calc(var(--radius) - 4px);
123
+ --radius-md: calc(var(--radius) - 2px);
124
+ --radius-lg: var(--radius);
125
+ --radius-xl: calc(var(--radius) + 4px);
126
+ --color-sidebar: var(--sidebar);
127
+ --color-sidebar-foreground: var(--sidebar-foreground);
128
+ --color-sidebar-primary: var(--sidebar-primary);
129
+ --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
130
+ --color-sidebar-accent: var(--sidebar-accent);
131
+ --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
132
+ --color-sidebar-border: var(--sidebar-border);
133
+ --color-sidebar-ring: var(--sidebar-ring);
134
+
135
+ --color-success: var(--success);
136
+ --color-success-foreground: var(--success-foreground);
137
+ --color-success-light: var(--success-light);
138
+ --color-warning: var(--warning);
139
+ --color-warning-foreground: var(--warning-foreground);
140
+ --color-warning-light: var(--warning-light);
141
+ --color-danger: var(--danger);
142
+ --color-danger-foreground: var(--danger-foreground);
143
+ --color-danger-light: var(--danger-light);
144
+ --color-info: var(--info);
145
+ --color-info-foreground: var(--info-foreground);
146
+ --color-info-light: var(--info-light);
147
+ }
148
+
149
+ @layer base {
150
+ * {
151
+ @apply border-border outline-ring/50;
152
+ }
153
+
154
+ body {
155
+ @apply bg-background text-foreground;
156
+ }
157
+ }
158
+
159
+ /**
160
+ * Base typography. This is not applied to elements which have an ancestor with a Tailwind text class.
161
+ */
162
+ @layer base {
163
+ :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) {
164
+ h1 {
165
+ font-size: var(--text-2xl);
166
+ font-weight: var(--font-weight-medium);
167
+ line-height: 1.5;
168
+ }
169
+
170
+ h2 {
171
+ font-size: var(--text-xl);
172
+ font-weight: var(--font-weight-medium);
173
+ line-height: 1.5;
174
+ }
175
+
176
+ h3 {
177
+ font-size: var(--text-lg);
178
+ font-weight: var(--font-weight-medium);
179
+ line-height: 1.5;
180
+ }
181
+
182
+ h4 {
183
+ font-size: var(--text-base);
184
+ font-weight: var(--font-weight-medium);
185
+ line-height: 1.5;
186
+ }
187
+
188
+ p {
189
+ font-size: var(--text-base);
190
+ font-weight: var(--font-weight-normal);
191
+ line-height: 1.5;
192
+ }
193
+
194
+ label {
195
+ font-size: var(--text-base);
196
+ font-weight: var(--font-weight-medium);
197
+ line-height: 1.5;
198
+ }
199
+
200
+ button {
201
+ font-size: var(--text-base);
202
+ font-weight: var(--font-weight-medium);
203
+ line-height: 1.5;
204
+ }
205
+
206
+ input {
207
+ font-size: var(--text-base);
208
+ font-weight: var(--font-weight-normal);
209
+ line-height: 1.5;
210
+ }
211
+ }
212
+ }
213
+
214
+ html {
215
+ font-size: var(--font-size);
216
+ }