88 lines
1.8 KiB
CSS
88 lines
1.8 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
/* HexaHost.de palette — Axiom product UI */
|
|
:root {
|
|
--background: #0d0821;
|
|
--foreground: #ffffff;
|
|
--primary: #ff51f9;
|
|
--primary-hover: #c31adf;
|
|
--primary-glow: rgba(255, 81, 249, 0.18);
|
|
--accent: #a348ff;
|
|
--accent-blue: #3978ff;
|
|
--accent-neon: #00cfff;
|
|
--highlight: #f093ff;
|
|
--neutral-light: #1a1230;
|
|
--text-secondary: #cfc9dd;
|
|
--glass-bg: rgba(255, 255, 255, 0.05);
|
|
--glass-border: rgba(255, 255, 255, 0.1);
|
|
--glass-primary-border: rgba(255, 81, 249, 0.25);
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
--background: #0d0821;
|
|
--foreground: #ffffff;
|
|
}
|
|
}
|
|
|
|
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: #0d0821;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background: #1a1230;
|
|
border-radius: 10px;
|
|
border: 2px solid #0d0821;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: #ff51f9;
|
|
}
|
|
|
|
/* Firefox */
|
|
* {
|
|
scrollbar-width: thin;
|
|
scrollbar-color: #1a1230 #0d0821;
|
|
}
|
|
|
|
@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 border;
|
|
background: rgba(255, 81, 249, 0.03);
|
|
border-color: rgba(255, 81, 249, 0.12);
|
|
}
|
|
.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(255, 81, 249, 0.12);
|
|
}
|
|
}
|