67 lines
1.2 KiB
CSS
67 lines
1.2 KiB
CSS
@import "tailwindcss";
|
|
|
|
@theme inline {
|
|
--color-sand: #E3D9C6;
|
|
--color-sand-light: #F4EFEB;
|
|
--color-sand-dark: #C2B49A;
|
|
|
|
--color-sea-blue: #2A4B7C;
|
|
--color-sea-light: #4A6B9C;
|
|
--color-sea-dark: #1A2B4C;
|
|
|
|
--color-coral: #FF6B6B;
|
|
--color-coral-light: #FF8B8B;
|
|
--color-coral-dark: #D94A4A;
|
|
|
|
--color-brand-white: #FFFFFF;
|
|
--color-brand-black: #171717;
|
|
|
|
--font-serif: var(--font-bodoni);
|
|
--font-sans: var(--font-bodoni);
|
|
}
|
|
|
|
:root {
|
|
--background: #FFFFFF;
|
|
--foreground: #171717;
|
|
}
|
|
|
|
body {
|
|
background: var(--background);
|
|
color: var(--foreground);
|
|
font-family: var(--font-sans), sans-serif;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-family: var(--font-serif), serif;
|
|
}
|
|
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
/* Shimmer animation for CTA buttons */
|
|
@keyframes shimmer {
|
|
0% { transform: translateX(-150%); }
|
|
100% { transform: translateX(150%); }
|
|
}
|
|
|
|
.btn-shimmer {
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.btn-shimmer::after {
|
|
content: '';
|
|
position: absolute;
|
|
inset: 0;
|
|
background: linear-gradient(
|
|
90deg,
|
|
transparent 0%,
|
|
rgba(255, 255, 255, 0.22) 50%,
|
|
transparent 100%
|
|
);
|
|
transform: translateX(-150%);
|
|
animation: shimmer 2.8s ease-in-out infinite;
|
|
}
|