/* darkmode.css */

/* Apply dark background to the body and text color */
body {
    background-color: #1a1a1a; /* Dark background */
    color: #e0e0e0; /* Light text color */
    font-family: 'Inter', sans-serif; /* Using Inter font as per instructions */
    margin: 20px;
    padding: 0;
}

/* Style for the main container or content area */
pre {
    background-color: #2b2b2b;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    overflow-x: auto; /* Allow horizontal scrolling for long lines */
}

/* Style for links (file and directory names) */
a {
    color: #8ab4f8; /* A pleasant blue for links */
    text-decoration: none; /* No underline by default */
    transition: color 0.2s ease-in-out; /* Smooth transition for hover */
}

a:hover {
    color: #a7c7ff; /* Lighter blue on hover */
    text-decoration: underline; /* Underline on hover */
}

/* Style for the header (e.g., "Index of /") */
h1 {
    color: #f0f0f0; /* Slightly lighter heading color */
    border-bottom: 1px solid #3a3a3a; /* Subtle separator */
    padding-bottom: 10px;
    margin-bottom: 20px;
}

/* Style for the horizontal rule */
hr {
    border-color: #3a3a3a;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* Ensure consistent spacing and appearance for autoindex elements */
address {
    font-size: 0.9em;
    color: #999999;
    margin-top: 20px;
}

/* General styling for tables or preformatted text if NGINX autoindex changes */
table {
    width: 100%;
    border-collapse: collapse;
}

th, td {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #3a3a3a;
}

th {
    background-color: #333333;
    color: #f0f0f0;
}