Spaces:
Sleeping
Sleeping
File size: 3,094 Bytes
084a9db |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 |
@tailwind base;
@tailwind components;
@tailwind utilities;
body {
font-family: Inter, sans-serif; /* Updated default font */
}
@layer base {
:root {
--background: 0 0% 98%; /* Very light gray, almost white */
--foreground: 240 10% 10%; /* Very dark blue, almost black */
--card: 0 0% 100%; /* White */
--card-foreground: 240 10% 10%;
--popover: 0 0% 100%;
--popover-foreground: 240 10% 10%;
--primary: 250 65% 55%; /* Vibrant Purple */
--primary-foreground: 0 0% 100%; /* White */
--secondary: 220 75% 50%; /* Vibrant Blue */
--secondary-foreground: 0 0% 100%; /* White */
--muted: 240 5% 90%; /* Light gray */
--muted-foreground: 240 5% 40%; /* Darker gray text */
--accent: 220 70% 58%; /* Bright Blue */
--accent-foreground: 0 0% 100%; /* White */
--destructive: 0 84.2% 60.2%;
--destructive-foreground: 0 0% 98%;
--border: 240 5% 85%; /* Light gray border */
--input: 240 5% 95%; /* Very light gray input background */
--ring: 220 70% 58%; /* Accent color for rings */
--chart-1: 210 80% 60%; /* Blue */
--chart-2: 260 70% 65%; /* Purple */
--chart-3: 180 60% 50%; /* Teal */
--chart-4: 30 90% 60%; /* Orange */
--chart-5: 320 70% 60%; /* Pink/Magenta */
--radius: 0.5rem;
--sidebar-background: 0 0% 97%;
--sidebar-foreground: 240 10% 25%;
--sidebar-primary: 250 65% 55%;
--sidebar-primary-foreground: 0 0% 100%;
--sidebar-accent: 0 0% 92%;
--sidebar-accent-foreground: 240 10% 10%;
--sidebar-border: 0 0% 90%;
--sidebar-ring: 220 70% 58%;
}
.dark {
--background: 230 15% 12%; /* Dark desaturated blue */
--foreground: 230 20% 90%; /* Light grayish blue */
--card: 230 15% 18%; /* Slightly lighter dark blue */
--card-foreground: 230 20% 90%;
--popover: 230 15% 18%;
--popover-foreground: 230 20% 90%;
--primary: 250 70% 60%; /* Vibrant Purple */
--primary-foreground: 250 70% 95%; /* Very light color for text on primary */
--secondary: 220 70% 55%; /* Vibrant Blue */
--secondary-foreground: 220 70% 95%;
--muted: 230 15% 25%; /* Muted dark blue */
--muted-foreground: 230 15% 65%; /* Muted grayish blue text */
--accent: 220 80% 65%; /* Bright Blue */
--accent-foreground: 220 80% 95%;
--destructive: 0 62.8% 30.6%;
--destructive-foreground: 0 0% 98%;
--border: 230 15% 30%; /* Slightly lighter border */
--input: 230 15% 22%; /* Dark input background */
--ring: 220 80% 65%; /* Accent color for rings */
--chart-1: 210 80% 60%;
--chart-2: 260 70% 65%;
--chart-3: 180 60% 50%;
--chart-4: 30 90% 60%;
--chart-5: 320 70% 60%;
--sidebar-background: 230 15% 15%;
--sidebar-foreground: 230 20% 85%;
--sidebar-primary: 250 70% 60%;
--sidebar-primary-foreground: 250 70% 95%;
--sidebar-accent: 230 15% 25%;
--sidebar-accent-foreground: 230 20% 95%;
--sidebar-border: 230 15% 28%;
--sidebar-ring: 220 80% 65%;
}
}
@layer base {
* {
@apply border-border;
}
body {
@apply bg-background text-foreground;
}
}
|