Files
salmakisvilla/app/globals.css

47 lines
881 B
CSS

@import "tailwindcss";
@theme {
--color-bone: #F9F8F6;
--color-sand: #E6D5B8;
--color-salmakis-blue: #20B2AA;
--color-aegean-dark: #1A1A1A;
--font-serif: "Cormorant Garamond", serif;
--font-sans: "Oswald", sans-serif;
--radius-xl: 1rem;
--radius-2xl: 1.5rem;
}
:root {
--background: #F9F8F6;
--foreground: #1A1A1A;
}
@media (prefers-color-scheme: dark) {
:root {
--background: #121212;
--foreground: #F9F8F6;
}
}
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-sans);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, .font-serif {
font-family: var(--font-serif);
}
.glass-nav {
@apply backdrop-blur-md bg-white/70 border-b border-white/20;
}
.villa-card {
@apply transition-all duration-500 hover:shadow-2xl hover:-translate-y-2;
}