@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500&display=swap');

html {
    scroll-behavior: smooth;
    scroll-padding-top: 90px;
}

/* Theme icon visibility based on current color scheme */
:root[data-mantine-color-scheme="dark"] #dark-theme-icon {
    display: none;
}

:root[data-mantine-color-scheme="light"] #light-theme-icon {
    display: none;
}

.mantine-Table-th {
    font-size: 15px;
    font-weight: 500;
}

/* BellWether nav button hover: lighten on navy background */
.mantine-AppShell-header .mantine-Button-root:hover,
.mantine-AppShell-header .mantine-ActionIcon-root:hover {
    background-color: rgba(255, 255, 255, 0.12) !important;
}

/* Upload drop zone: highlight when a file is being dragged over */
#custom-drop-zone[data-dragging] .mantine-Paper-root {
    border-color: var(--mantine-color-blue-5) !important;
    background-color: var(--mantine-color-blue-0) !important;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}