/* styles/theme.css */

:root {
    /* Primary Palette */
    --primary-color-3: #1C75BC;
    --primary-color-2: #27A2DC;
    --primary-color-1: #00B7DC;

    /* Secondary & Neutrals */
    --secondary-color: #2f302f;
    --color-white: #fff;
    --color-black: #000;

    /* Typography */
    --font-family: "General Sans", sans-serif;
    --font-size: 15px;

    /* UI Elements */
    --box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    --border-color: #2a85b6;
    --border-color-light: var(--primary-color-3);

    /* Loader */
    --loader-bg-color: rgba(255, 255, 255, 0.5);
    --spinner-color: #3498db;
    --progress-light: #ddd;
    --progress-dark: #2980b9;

    --left-sidebar-max-width: 600px;
    --bs-border-color: var(--primary-color-3) !important;
}

/* Light Theme (default) */
:root,
[data-bs-theme="light"] {
    --bg-color: var(--primary-color-3);
    --bg-color-light: var(--primary-color-1);
    --text-color: var(--color-white);
}

/* Dark Theme */
[data-bs-theme="dark"] {
    --bg-color: var(--secondary-color);
    --text-color: var(--primary-color-3);
}

.filter-shadow-black {
    filter: drop-shadow(2px 4px 6px black);
}

.filter-shadow-grey {
    filter: drop-shadow(2px 4px 6px grey);
}