/* Base custom styles to complement Tailwind CSS */
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.6;
}

/* Custom elements not easily handled by Tailwind */
.section {
    margin-bottom: 2rem;
}

/* For screen readers only - accessibility */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Smooth scrolling for the entire site */
html {
    scroll-behavior: smooth;
}

/* Print styles */
@media print {
    header, footer, nav {
        display: none;
    }
    body {
        padding: 1cm;
        color: black;
    }
    a {
        text-decoration: none;
        color: black;
    }
}

/* High contrast mode improvements */
@media (prefers-contrast: more) {
    body {
        background: white;
        color: black;
    }
    a {
        color: blue;
        text-decoration: underline;
    }
}

/* Dark mode preferences */
@media (prefers-color-scheme: dark) {
    .bg-gray-50 {
        background-color: #121212 !important;
    }
    .text-gray-700, .text-gray-800 {
        color: #e0e0e0 !important;
    }
    .bg-white {
        background-color: #1e1e1e !important;
    }
}