:root {
    --primary-200: #bae6fd !important;
    --primary-300: #7dd3fc !important;
    --primary-400: #38bdf8 !important;
    --primary-500: #0ea5e9 !important;
    --primary-600: #0284c7 !important;
    --primary-700: #0369a1 !important;

    --text-main-0: #000 !important;
    --text-main-100: #000 !important;
    --text-main-200: #000 !important;
    --text-main-300: #000 !important;
    --text-main-400: #4b4b4b !important;
    --text-hover: #000 !important;
    --text-white: #fff !important;

    --bg-50: #fff !important;
    --bg-100: #fff !important;
    --bg-200: #fff !important;
    --bg-300: #fff !important;
    --bg-400: #fff !important;
    --bg-500: #f1f1f1 !important;
    --bg-600: #f1f1f1 !important;
    --bg-700: #fff !important;
    --bg-800: #fff !important;
    --bg-900: #fff !important;
    --bg-950: #fff !important;

    --danger: #dc2626;
    --danger-dark: #b91c1c;
    --danger-darker: #991b1b;

    --success: #22c55e;

    --create: #16a34a;
    --create-dark: #15803d;

    --warning: #fb923c;
    --warning-dark: #ea580c;

    --thumb-shadow-color: rgba(0, 0, 0, 0.05);
    --overlay-bg: darkturquoise;
    --overlay-shadow-color: darkturquoise;

    --preview-overlay-bg:  darkturquoise;
}

#lychee_toolbar_container {
    border-bottom-color: #ececec !important;
}

.album-thumb .overlay {
    text-shadow: none !important;
}

.album-thumb .overlay h1 {
    font-weight: 400 !important;
    font-size: 1rem !important;
}

.album-thumb .overlay {
    background: var(--preview-overlay-bg) !important;
}

.thumbimg {
    box-shadow: 2px 2px 16px 1px var(--thumb-shadow-color) !important;
}

.thumbimg img:not([data-src]) {
    filter: invert(1) !important;
}

img.object-cover + div > * {
    color: var(--text-white) !important;
}

.basicModalContainer {
    background-color: var(--overlay-bg) !important;
    backdrop-filter: blur(10px);
}

.basicModal {
    box-shadow: 2px 2px 64px 1px var(--overlay-shadow-color) !important;
}

#imageview {
    background-color: var(--overlay-bg) !important;
    backdrop-filter: blur(10px) !important;
}

.bg-black {
    background: none !important;
}

.menu-shadow svg {
    filter: invert(1);
}

#photoListing .photo .overlay {
    background: var(--preview-overlay-bg) !important;
    text-shadow: none !important;
}

#lychee_toolbar_container {
    background: none !important;
}