@theme {
    --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
    --font-serif: "Playfair Display", ui-serif, Georgia, serif;
    --color-brand-primary: #1a2a44;
    --color-brand-secondary: #4ade80;
    --color-brand-accent: #60a5fa;
}

@layer utilities {
    .gradient-text {
        @apply bg-linear-to-r from-brand-accent to-brand-secondary bg-clip-text text-transparent;
    }
    .gradient-bg {
        @apply bg-linear-to-br from-brand-primary to-brand-secondary;
    }
    .glass-card {
        @apply bg-white/10 backdrop-blur-md border border-white/20;
    }
}

html {
    scroll-behavior: smooth;
}

body {
    @apply font-sans text-slate-900 bg-white antialiased;
}

h1, h2, h3, h4, .font-serif {
    @apply font-serif;
}

.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease-out;
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

/* Testimonial video embed — padding-top hack ensures 16:9 fill */
.video-embed-wrapper {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 */
    overflow: hidden;
    background: #1a2a44;
}

.video-embed-wrapper iframe {
    position: absolute;
    top: -10%;
    left: -10%;
    width: 120%;
    height: 120%;
    border: 0;
    display: block;
}