/* Subtle contrast tweaks for light theme to reduce glare and better delineate elements without changing overall style */

/* Use selectors scoped to [data-bs-theme="light"] only */
[data-bs-theme="light"] {
  /* Slightly off-white page background for comfort */
  --gbl-light-body-bg: #f7f9fc; /* was near-white */
  --gbl-light-surface: #ffffff;
  --gbl-light-surface-2: #f1f5f9; /* light slate-50 */
  --gbl-light-border: rgba(0,0,0,0.08);
  --gbl-light-border-strong: rgba(0,0,0,0.14);
}

/* Apply on body to avoid disrupting Tabler variables directly */
[data-bs-theme="light"] body {
  background-color: var(--gbl-light-body-bg) !important;
}

/* Cards and surfaces get a clearer separation */
[data-bs-theme="light"] .card {
  background-color: var(--gbl-light-surface) !important;
  border-color: var(--gbl-light-border) !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.03), 0 4px 14px rgba(0,0,0,.03);
}

[data-bs-theme="light"] .card .card-header {
  border-bottom-color: var(--gbl-light-border) !important;
}

/* Inputs/Selects: clearer edges without heavy borders */
[data-bs-theme="light"] .form-control,
[data-bs-theme="light"] .form-select,
[data-bs-theme="light"] .form-control:focus,
[data-bs-theme="light"] .form-select:focus {
  border-color: var(--gbl-light-border) !important;
  box-shadow: 0 0 0 .15rem rgba(31,111,235,.07);
}

/* Dropdowns and popovers against off-white background */
[data-bs-theme="light"] .dropdown-menu,
[data-bs-theme="light"] .popover,
[data-bs-theme="light"] .tooltip .tooltip-inner {
  background-color: var(--gbl-light-surface) !important;
  border-color: var(--gbl-light-border) !important;
}

/* Tables: header more distinct, rows lightly separated */
[data-bs-theme="light"] .table thead th {
  background: var(--gbl-light-surface-2) !important;
  border-bottom-color: var(--gbl-light-border-strong) !important;
}
[data-bs-theme="light"] .table tbody td {
  border-top-color: var(--gbl-light-border) !important;
}

/* Product image frame consistency on light */
[data-bs-theme="light"] .product-card .ratio,
[data-bs-theme="light"] .product-image-frame {
  background: var(--gbl-light-surface-2) !important;
  border: 1px solid var(--gbl-light-border) !important;
}

/* Muted text contrast slightly stronger for readability */
[data-bs-theme="light"] .text-muted { color: rgba(17,24,39,0.62) !important; }
[data-bs-theme="light"] .text-secondary { color: rgba(17,24,39,0.74) !important; }

/* Badge and outline buttons get clearer borders */
[data-bs-theme="light"] .btn-outline-secondary { border-color: var(--gbl-light-border-strong) !important; color: rgba(17,24,39,0.78) !important; }
[data-bs-theme="light"] .btn-outline-secondary:hover { background: rgba(2,6,23,0.03) !important; }

/* Alerts keep readable separators */
[data-bs-theme="light"] .alert { border-color: var(--gbl-light-border) !important; }