/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&family=Nunito:wght@400;600&display=swap');

/* Body background: dark water */
body {
    background-color: #0b1e3b !important; /* deep navy-blue */
    color: #cfd8e1 !important;            /* soft light text */
    font-family: 'Nunito', 'Montserrat', "Segoe UI", Roboto, sans-serif !important;
}

/* Header bar */
header, .header {
    background-color: #0d2c4c !important; /* darker blue */
    border-bottom: 1px solid #1a3b66 !important;
    color: #e0f0ff !important;
    font-family: 'Montserrat', 'Nunito', sans-serif !important;
}

/* Sidebar / file list background */
.sidebar, .filebrowser-panel {
    background-color: #0c253f !important;
    color: #d0e2f0 !important;
    font-family: 'Nunito', 'Montserrat', sans-serif !important;
}

/* File rows hover effect */
.file-row:hover {
    background-color: #18476d !important; /* brighter watery blue on hover */
}

/* Buttons */
button, .btn {
    background-color: #1c3f66 !important;
    color: #e0f0ff !important;
    border: 1px solid #0d2c4c !important;
    border-radius: 4px !important;
    font-family: 'Montserrat', 'Nunito', sans-serif !important;
}

/* Buttons hover */
button:hover, .btn:hover {
    background-color: #2460a0 !important;
}

/* Table headers */
th {
    background-color: #0d2c4c !important;
    color: #e0f0ff !important;
    font-family: 'Montserrat', 'Nunito', sans-serif !important;
}

/* Breadcrumb / path bar */
.breadcrumb {
    background-color: #0d2c4c !important;
    color: #cfd8e1 !important;
    font-family: 'Nunito', 'Montserrat', sans-serif !important;
}

/* Footer (if any) */
footer {
    background-color: #0c253f !important;
    color: #d0e2f0 !important;
    font-family: 'Nunito', 'Montserrat', sans-serif !important;
}

/* Links */
a, a:hover {
    color: #5ea9ff !important;
    font-family: 'Nunito', 'Montserrat', sans-serif !important;
}