/* Custom styles for Liz Hudson Realty */

:root {
    --navy-900: #0a1628;
    --navy-800: #1a2d4a;
    --navy-700: #2c4463;
    --navy-600: #3d5a80;
    --navy-500: #4a6b8f;
    --navy-200: #c5d5e8;
    --navy-100: #e8eef5;
    --navy-50: #f4f7fb;
    --gold-500: #c9a84c;
    --gold-400: #d4b965;
    --gold-300: #e0cc8a;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Lato', sans-serif;
    color: var(--navy-900);
    line-height: 1.6;
    overflow-x: hidden;
}

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

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: var(--navy-50);
}
::-webkit-scrollbar-thumb {
    background: var(--navy-600);
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--navy-700);
}

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

/* Mobile menu overlay */
#mobile-menu {
    display: none;
}
#mobile-menu.active {
    display: flex;
}

/* Animation classes - progressive enhancement */
@media (prefers-reduced-motion: no-preference) {
    .reveal {
        opacity: 0;
        transform: translateY(30px);
    }
    .reveal-visible {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Print styles */
@media print {
    nav, #mobile-menu, .card-hover {
        display: none !important;
    }
    body {
        color: #000;
        background: #fff;
    }
}
