/* ============================================================================
 * Zed CT-324 CARDLIGHT -- professional light-theme media cards + calmer
 * hover / selection affordance. Gated html.zed-ux (default OFF => ZERO
 * regression).
 *
 * Bug: PN5 (zed-pn5-cards.css) paints .assetItem / .assetPreview / .assetEmpty
 * with the ALWAYS-DARK tokens (--zed-bg-elevated #1c1c22, --zed-bg-inset
 * #101014), so in the LIGHT skins (lumen / glacier) the whole card looked dark
 * on a light panel. Repaint card surfaces with light neutrals, force dark meta
 * text (otherwise PN5's near-white --zed-text becomes invisible on a white
 * card), trim the font weights to a professional scale, and soften the
 * hover-lift. High specificity + !important to beat the frozen skin layer in
 * spectrum-editor.css.
 * ==========================================================================*/

/* ---------- LIGHT skins only (lumen / glacier): card surfaces ---------- */
html.zed-ux .editorApp:not([data-theme="dark"]):not([data-theme="night"]) .assetItem {
  background: #ffffff !important;
  border-color: rgba(15, 23, 42, 0.09) !important;
}
html.zed-ux .editorApp:not([data-theme="dark"]):not([data-theme="night"]) .assetItem:hover {
  border-color: rgba(15, 23, 42, 0.16) !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08) !important;
}
html.zed-ux .editorApp:not([data-theme="dark"]):not([data-theme="night"]) .assetPreview {
  background: #eef1f5 !important;
}
html.zed-ux .editorApp:not([data-theme="dark"]):not([data-theme="night"]) .assetEmpty {
  background: #ffffff !important;
  border-color: rgba(15, 23, 42, 0.14) !important;
  color: #64748b !important;
}
html.zed-ux .editorApp:not([data-theme="dark"]):not([data-theme="night"]) .colorPresetGrid button {
  background: #ffffff !important;
  border-color: rgba(15, 23, 42, 0.09) !important;
  color: #475569 !important;
}
html.zed-ux .editorApp:not([data-theme="dark"]):not([data-theme="night"]) .colorPresetGrid button:hover {
  background: #f1f5f9 !important;
  border-color: rgba(15, 23, 42, 0.16) !important;
  color: #0f172a !important;
}

/* ---------- LIGHT skins: professional meta text (title 600, detail 450) ---------- */
html.zed-ux .editorApp:not([data-theme="dark"]):not([data-theme="night"]) .assetMeta strong {
  color: #0f172a !important;
  font-weight: 600 !important;
}
html.zed-ux .editorApp:not([data-theme="dark"]):not([data-theme="night"]) .assetMeta small {
  color: #64748b !important;
  font-weight: 450 !important;
}

/* ---------- ALL skins: softer, more professional hover-lift ---------- */
html.zed-ux .assetItem:hover {
  transform: translateY(-1px);
}