File size: 1,336 Bytes
101ebaa |
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 |
@tailwind base;
@tailwind components;
@tailwind utilities;
/* Light theme */
:root {
--background: #ffffff;
--foreground: #09090b;
--muted: #f4f4f5;
--muted-foreground: #71717a;
--border: #e4e4e7;
--card: #ffffff;
--card-foreground: #09090b;
--accent: #ff4c00;
--accent-hover: #e64500;
--accent-light: rgba(255, 76, 0, 0.1);
}
/* Dark theme */
.dark {
--background: #09090b;
--foreground: #fafafa;
--muted: #18181b;
--muted-foreground: #a1a1aa;
--border: #27272a;
--card: #18181b;
--card-foreground: #fafafa;
--accent: #ff4c00;
--accent-hover: #ff6a2a;
--accent-light: rgba(255, 76, 0, 0.15);
}
body {
background: var(--background);
color: var(--foreground);
font-family: var(--font-geist-sans), system-ui, sans-serif;
transition: background-color 0.2s, color 0.2s;
}
html {
scroll-behavior: smooth;
}
/* Scrollbar */
::-webkit-scrollbar {
width: 6px;
}
::-webkit-scrollbar-track {
background: transparent;
}
.dark ::-webkit-scrollbar-thumb {
background: #3f3f46;
}
:root:not(.dark) ::-webkit-scrollbar-thumb {
background: #d4d4d8;
}
::-webkit-scrollbar-thumb {
border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
background: #52525b;
}
@layer base {
* {
@apply border-border;
}
}
|