/* Custom styles that complement Tailwind — minimal, focused additions */

/* Ensure smooth font rendering */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Navbar glass effect when scrolled */
#navbar.scrolled {
    background: rgba(253, 251, 247, 0.92);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
}

/* Smooth focus styles */
a:focus-visible,
button:focus-visible {
    outline: 2px solid #d4573b;
    outline-offset: 2px;
    border-radius: 4px;
}

/* Selection color */
::selection {
    background: #f8d1c9;
    color: #63261d;
}