78 lines
1.6 KiB
CSS
78 lines
1.6 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
:root {
|
|
--background: #020617;
|
|
--foreground: #f8fafc;
|
|
--primary: #ef4444;
|
|
--primary-glow: rgba(239, 68, 68, 0.15);
|
|
--glass-bg: rgba(15, 23, 42, 0.6);
|
|
--glass-border: rgba(255, 255, 255, 0.05);
|
|
--glass-red-border: rgba(239, 68, 68, 0.2);
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
--background: #020617;
|
|
--foreground: #f8fafc;
|
|
}
|
|
}
|
|
|
|
body {
|
|
color: var(--foreground);
|
|
background: var(--background);
|
|
font-family: var(--font-inter), Arial, Helvetica, sans-serif;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
/* Custom Scrollbar Styles */
|
|
::-webkit-scrollbar {
|
|
width: 10px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background: #020617;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background: #1e293b;
|
|
border-radius: 10px;
|
|
border: 2px solid #020617;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: #ef4444; /* Primary Red */
|
|
}
|
|
|
|
/* Firefox */
|
|
* {
|
|
scrollbar-width: thin;
|
|
scrollbar-color: #1e293b #020617;
|
|
}
|
|
|
|
@layer utilities {
|
|
.text-balance {
|
|
text-wrap: balance;
|
|
}
|
|
.no-scrollbar::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
.no-scrollbar {
|
|
-ms-overflow-style: none;
|
|
scrollbar-width: none;
|
|
}
|
|
.glass {
|
|
@apply backdrop-blur-xl bg-white/[0.02] border border-white/[0.05];
|
|
}
|
|
.glass-red {
|
|
@apply backdrop-blur-xl bg-red-500/[0.02] border border-red-500/[0.1];
|
|
}
|
|
.liquid-glass {
|
|
background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
|
|
backdrop-filter: blur(20px);
|
|
border: 1px solid rgba(255, 255, 255, 0.1);
|
|
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
|
|
}
|
|
}
|