47 lines
881 B
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;
|
|
}
|