/* ===== Light Theme ===== */
:root {
    --bg-primary: #fafaf8;
    --bg-secondary: #f0efed;
    --bg-card: #ffffff;
    --bg-input: #ffffff;
    --text-primary: #1c1c1e;
    --text-secondary: #555558;
    --text-white: #1c1c1e;
    --text-muted: #8e8e93;
    --accent: #1c1c1e;
    --accent-hover: #3a3a3c;
    --border: #d1d1d6;
    --border-light: #e5e5ea;
    --danger: #e74c3c;
    --success: #2ecc71;
    --font-family: 'Lato', sans-serif;
    --header-height: 70px;
    --transition: 0.3s ease;
    --header-bg: #fafaf8;
    --nav-text: #555558;
    --footer-text: #555558;
}

/* ===== Light-theme Bootstrap overrides ===== */
[data-bs-theme="light"] {
    --bs-body-bg: #fafaf8;
    --bs-body-bg-rgb: 250, 250, 248;
    --bs-body-color: #1c1c1e;
    --bs-body-color-rgb: 28, 28, 30;
    --bs-secondary-bg: #f0efed;
    --bs-secondary-bg-rgb: 240, 239, 237;
    --bs-tertiary-bg: #e8e7e5;
    --bs-tertiary-bg-rgb: 232, 231, 229;
    --bs-border-color: #d1d1d6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.1);
    --bs-card-bg: #ffffff;
    --bs-card-border-color: #d1d1d6;
    --bs-modal-bg: #ffffff;
    --bs-modal-border-color: #d1d1d6;
    --bs-table-bg: transparent;
    --bs-table-striped-bg: rgba(0, 0, 0, 0.02);
    --bs-table-hover-bg: rgba(0, 0, 0, 0.03);
    --bs-emphasis-color: #1c1c1e;
    --bs-emphasis-color-rgb: 28, 28, 30;
    color-scheme: light;
}

/* ===== Override dark-specific structural styles ===== */

/* Header: light background via variable */
.site-header {
    background: var(--header-bg);
}

/* Table hover: subtle dark tint instead of white */
.table-hover > tbody > tr:hover > td {
    background-color: rgba(0, 0, 0, 0.03);
    color: var(--text-primary);
}

/* Nav dropdown hover */
.nav-dropdown li a:hover,
.nav-dropdown li a.active {
    background: rgba(0, 0, 0, 0.05);
    color: var(--text-white);
}

/* Profile menu hover */
.nav-profile-menu li a:hover {
    background: rgba(0, 0, 0, 0.05);
    color: var(--text-white);
}

/* Photo dropzone dragover */
.photo-dropzone.dragover {
    background: rgba(0, 0, 0, 0.03);
}

/* btn-close: Bootstrap default works fine on light, remove the invert filter */
.btn-close {
    filter: none;
}

/* Dropzone upload area hover */
.logo-drop-zone:hover,
.logo-drop-zone.dragover {
    background: rgba(0, 0, 0, 0.03);
    color: var(--text-primary);
}