/* lk-theme.css — Per-theme overrides */

/* ── Scrollbar ───────────────────────────────────────────────────────────────── */
::-webkit-scrollbar              { width: 6px; height: 6px; }
::-webkit-scrollbar-track        { background: transparent; }
::-webkit-scrollbar-thumb        { background: var(--border); border-radius: 99px; }
::-webkit-scrollbar-thumb:hover  { background: var(--tx-dim); }

[data-theme="light"] ::-webkit-scrollbar-thumb { background: rgba(0,0,0,.18); }

/* ── Selection ───────────────────────────────────────────────────────────────── */
::selection                    { background: var(--c-brand-muted); color: var(--tx-base); }
[data-theme="light"] ::selection { background: rgba(109,40,217,.2); }

/* ── Focus ring ──────────────────────────────────────────────────────────────── */
:focus-visible {
  outline: 2px solid var(--c-brand-soft);
  outline-offset: 2px;
}
button:focus:not(:focus-visible) { outline: none; }

/* ── Glassmorphism adjustments by theme ──────────────────────────────────────── */
[data-theme="light"] .pop {
  background: rgba(255,255,255,.9);
  border-color: rgba(0,0,0,.1);
}
[data-theme="light"] .sp-modal {
  background: rgba(255,255,255,.95);
}
[data-theme="midnight"] .pop, [data-theme="midnight"] .sp-modal {
  background: color-mix(in srgb, var(--bg-card) 80%, transparent);
}

/* ── Light theme surface tweaks ──────────────────────────────────────────────── */
[data-theme="light"] .ul0-rail,
[data-theme="light"] .ul1-panel,
[data-theme="light"] .tx-top,
[data-theme="light"] .tx-footer {
  background: #ffffff;
  border-color: rgba(0,0,0,.08);
}
[data-theme="light"] .tx-content { background: #f1f5f9; }

/* ── SVG icon adjustments ────────────────────────────────────────────────────── */
[data-theme="light"] .ul0-btn svg,
[data-theme="light"] .ul1-icon svg { opacity: .7; }