| @tailwind base; |
| @tailwind components; |
| @tailwind utilities; |
|
|
| :root { |
| --background: 0 0% 100%; |
| --foreground: 20 14.3% 4.1%; |
| --muted: 60 4.8% 95.9%; |
| --muted-foreground: 25 5.3% 44.7%; |
| --popover: 0 0% 100%; |
| --popover-foreground: 20 14.3% 4.1%; |
| --card: 0 0% 100%; |
| --card-foreground: 20 14.3% 4.1%; |
| --border: 20 5.9% 90%; |
| --input: 20 5.9% 90%; |
| --primary: 207 90% 54%; |
| --primary-foreground: 211 100% 99%; |
| --secondary: 60 4.8% 95.9%; |
| --secondary-foreground: 24 9.8% 10%; |
| --accent: 60 4.8% 95.9%; |
| --accent-foreground: 24 9.8% 10%; |
| --destructive: 0 84.2% 60.2%; |
| --destructive-foreground: 60 9.1% 97.8%; |
| --ring: 20 14.3% 4.1%; |
| --radius: 0.5rem; |
| } |
| .dark { |
| --background: 240 10% 3.9%; |
| --foreground: 0 0% 98%; |
| --muted: 240 3.7% 15.9%; |
| --muted-foreground: 240 5% 64.9%; |
| --popover: 240 10% 3.9%; |
| --popover-foreground: 0 0% 98%; |
| --card: 240 10% 3.9%; |
| --card-foreground: 0 0% 98%; |
| --border: 240 3.7% 15.9%; |
| --input: 240 3.7% 15.9%; |
| --primary: 207 90% 54%; |
| --primary-foreground: 211 100% 99%; |
| --secondary: 240 3.7% 15.9%; |
| --secondary-foreground: 0 0% 98%; |
| --accent: 240 3.7% 15.9%; |
| --accent-foreground: 0 0% 98%; |
| --destructive: 0 62.8% 30.6%; |
| --destructive-foreground: 0 0% 98%; |
| --ring: 240 4.9% 83.9%; |
| --radius: 0.5rem; |
| } |
|
|
| @layer base { |
| * { |
| @apply border-border; |
| } |
|
|
| body { |
| @apply font-sans antialiased bg-gray-50 text-gray-900; |
| } |
|
|
| |
| .card-enhanced { |
| @apply bg-white border border-gray-200 shadow-sm hover:shadow-md transition-shadow; |
| } |
| |
| .text-enhanced { |
| @apply text-gray-900; |
| } |
| |
| .text-muted-enhanced { |
| @apply text-gray-800; |
| } |
| |
| .button-primary-enhanced { |
| @apply bg-blue-600 hover:bg-blue-700 text-white border-0; |
| } |
| |
| .button-secondary-enhanced { |
| @apply bg-white hover:bg-gray-50 text-gray-900 border border-gray-300; |
| } |
|
|
| |
| h1, h2, h3, h4, h5, h6 { |
| @apply text-gray-900 !important; |
| } |
| |
| p, span, div { |
| @apply text-gray-900; |
| } |
| |
| |
| .text-gray-600 { |
| @apply text-gray-800 !important; |
| } |
| |
| .text-gray-500 { |
| @apply text-gray-700 !important; |
| } |
| |
| .text-gray-400 { |
| @apply text-gray-600 !important; |
| } |
|
|
| |
| .sidebar .text-gray-300 { |
| color: rgb(209, 213, 219) !important; |
| } |
| |
| .sidebar .text-gray-400 { |
| color: rgb(156, 163, 175) !important; |
| } |
| |
| .sidebar .text-white { |
| color: rgb(255, 255, 255) !important; |
| } |
| |
| .sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { |
| color: rgb(255, 255, 255) !important; |
| } |
| |
| .sidebar p, .sidebar span, .sidebar div { |
| color: inherit !important; |
| } |
| } |
