/* cards-theme-patch.v26.21 — safe add-on
   - Themed card panels for Blue/Dark (no global resets)
   - Remove hover background flip (keep lift only)
   - Works by overriding existing .card rules; paste or include after main CSS
*/

/* Tokens for dark/blue card appearance */
:root{
  --card-bg-light:#fff;
  --card-bg-dark:rgba(255,255,255,0.06);
  --card-ink-dark:#f6f8fc;
  --card-muted-dark:#d3d9e6;
  --card-border-dark:rgba(255,255,255,0.16);
}

/* Base: keep whatever your main CSS sets; ensure no flip on hover */
.card:hover,
.card:focus,
.card:focus-within{
  background:inherit !important;
  color:inherit !important;
}

/* Blue/Dark: apply darker card panel + readable text */
html[data-theme="blue"] .card,
html[data-theme="dark"] .card{
  background:var(--card-bg-dark) !important;
  border-color:var(--card-border-dark) !important;
}
html[data-theme="blue"] .card h3,
html[data-theme="dark"] .card h3{
  color:var(--card-ink-dark) !important;
}
html[data-theme="blue"] .card p,
html[data-theme="dark"] .card p{
  color:var(--card-muted-dark) !important;
}

/* Keep course portal cards transparent */
.page-course .card,
.page-course .container > .card,
.page-course .course-wrap .card{
  background:transparent !important;
  color:inherit !important;
  border:0 !important;
  box-shadow:none !important;
}