// ==========================================================================
// Card Atom
// Shared card padding tokens and default card padding rule.
// ==========================================================================

.card {
  --hks-card-padding-y: 1.5rem;
  --hks-card-padding-x: 1.5rem;
  --hks-card-padding-top: var(--hks-card-padding-y);
  --hks-card-padding-right: var(--hks-card-padding-x);
  --hks-card-padding-bottom: var(--hks-card-padding-y);
  --hks-card-padding-left: var(--hks-card-padding-x);

  padding: var(--hks-card-padding-top) var(--hks-card-padding-right)
    var(--hks-card-padding-bottom) var(--hks-card-padding-left);
}