/* ───────────────────────────────────────────────────────────────────────────────
   DΛREΛKT_ UI — MODULE: ui.card
   Version: 1.0.0 | Genesis-Final • Bus-Aware • Wrap-Safe • Tokenized
   Classification: Atom | Content Display | Card Container
   Maintainer: DΛREΛKT_ UI TEAM
   ─────────────────────────────────────────────────────────────────────────────── */

@layer atoms {
  [data-atom="ui.card"] .ui-card {
    display: flex;
    flex-direction: column;
    background: var(--ui-card-bg, rgba(255,255,255,.05));
    border: 1px solid var(--ui-card-bd, rgba(255,255,255,.1));
    border-radius: var(--ui-card-radius, 12px);
    overflow: hidden;
  }

  [data-atom="ui.card"] .ui-card[data-padding="none"] {
    padding: 0;
  }

  [data-atom="ui.card"] .ui-card[data-padding="sm"] {
    padding: var(--ui-card-pad-sm, 12px);
  }

  [data-atom="ui.card"] .ui-card[data-padding="md"] {
    padding: var(--ui-card-pad-md, 24px);
  }

  [data-atom="ui.card"] .ui-card[data-padding="lg"] {
    padding: var(--ui-card-pad-lg, 32px);
  }

  [data-atom="ui.card"] .ui-card[data-variant="elevated"] {
    box-shadow: var(--ui-card-shadow, 0 2px 8px rgba(0,0,0,.1));
    border-color: transparent;
  }

  [data-atom="ui.card"] .ui-card[data-variant="outlined"] {
    border-width: 2px;
  }
}