/* Match Loveble theme variables */
:root {
    --background: 0 0% 100%;
    --foreground: 222.2 84% 4.9%;
    --muted: 210 40% 96.1%;
    --muted-foreground: 215.4 16.3% 46.9%;
    --border: 214.3 31.8% 91.4%;
    --primary: 172 80% 40%;
    --radius: 0.5rem;
}

html {
    scroll-behavior: smooth;
}

body {
    -webkit-tap-highlight-color: transparent;
}

/* Brand teal utility */
.bg-brand-teal { background-color: #2DD3D0; }
.bg-brand-teal\/80 { background-color: rgba(45, 211, 208, 0.8); }
.bg-brand-teal\/20 { background-color: rgba(45, 211, 208, 0.2); }
.bg-brand-teal\/10 { background-color: rgba(45, 211, 208, 0.1); }
.text-brand-teal { color: #2DD3D0; }
.border-brand-teal\/50 { border-color: rgba(45, 211, 208, 0.5); }
.hover\:border-brand-teal\/50:hover { border-color: rgba(45, 211, 208, 0.5); }
.hover\:bg-brand-teal\/20:hover { background-color: rgba(45, 211, 208, 0.2); }

#backToTop.show {
    display: flex !important;
}

@keyframes modalIn {
    from { opacity: 0; transform: scale(0.95); }
    to { opacity: 1; transform: scale(1); }
}
.animate-modal-in {
    animation: modalIn 0.2s ease-out forwards;
}