/* Peripheral Vascular Associates — Custom Styles */

/* Base reset and typography */
*, *::before, *::after {
    box-sizing: border-box;
}

html {
    font-size: 16px;
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

/* Selection color */
::selection {
    background-color: #527f36;
    color: #faf9f6;
}

/* Focus styles */
a:focus-visible,
button:focus-visible {
    outline: 1px solid #527f36;
    outline-offset: 4px;
}

/* Image optimization */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Smooth transitions for all interactive elements */
a, button {
    transition: all 0.3s ease;
}

/* Print styles */
@media print {
    .mobile-menu,
    #menu-toggle,
    .reveal {
        display: none !important;
    }
    
    body {
        color: #000;
        background: #fff;
    }
    
    .magnetic-btn {
        border: 1px solid #000;
        background: transparent;
        color: #000;
    }
}