/* Custom styles for Erika Beerbower Real Estate */

:root {
    --burgundy: #9c1c33;
    --burgundy-dark: #811a2d;
    --burgundy-light: #f4a8b6;
    --blush: #fce7eb;
    --cream: #fefcfb;
    --ink: #1a1a1a;
    --warm-gray: #6b6560;
}

/* Smooth scroll offset for fixed nav */
section[id] {
    scroll-margin-top: 80px;
}

/* Selection color */
::selection {
    background-color: rgba(156, 28, 51, 0.15);
    color: var(--burgundy-dark);
}

/* Focus visible styles */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 2px solid var(--burgundy);
    outline-offset: 2px;
    border-radius: 4px;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: var(--cream);
}
::-webkit-scrollbar-thumb {
    background: #d4a8b6;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--burgundy);
}

/* Subtle image loading placeholder */
img {
    background-color: #f0e8e4;
}

/* Mobile menu animation for hamburger */
#menuLine1 {
    transform-origin: center;
}
#menuLine2 {
    transform-origin: center;
}
#menuLine3 {
    transform-origin: center;
}

body.menu-open #menuLine1 {
    transform: rotate(45deg) translate(5px, 5px);
}
body.menu-open #menuLine2 {
    opacity: 0;
}
body.menu-open #menuLine3 {
    transform: rotate(-45deg) translate(5px, -5px);
    width: 24px;
}