/* ========================================================================== 
   FILE: __core/coreCss/components.cards.css
   PURPOSE: Card surfaces and depth hierarchy.
   SCOPE: Dashboard cards and reusable card containers.
   DEPENDS: tokens.css, base.css.
   NOTES: Uses surface-1/2/3 to preserve depth without visual noise.
   ========================================================================== */

/* [CARDS] Base card surface */
.coreComponentCard,
.coreComponentCardDashboard,
.dd-card {
  background: var(--surface-1);
  color: var(--text);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-1);
}

/* [CARDS] Secondary zones */
.coreComponentCardInfo,
.coreComponentCardInfoDashboard,
.dd-card__body {
  background: transparent;
}

/* [CARDS] Card headers */
.coreComponentCardTitleDashboard,
.dd-card__title {
  background: transparent !important;
  color: var(--text);
  border-bottom: 0 !important;
}

.coreComponentCardTitleDashboard.dark,
.dd-card__title.dark {
  background: transparent !important;
  border-bottom: 0 !important;
}