/* Card component — the paper-cluster surface shared by the recipes-index card
   and the admin console cards. Declares each themeable property once through
   var(--card-*, fallback) indirection; variants and page-level callers set
   variables only — never re-declare these properties or re-style .card* from a
   page sheet (rake lint:hig).
   Public API (variables only):
     --card-bg      (--content-card-bg)   surface fill
     --card-radius  (--radius-lg)         corner radius
     --card-shadow  (--shadow-paper)      elevation
     --card-border  (none)                e.g. 1px solid var(--rule) for admin
     --card-padding (0)                   inner rhythm; recipe-card pads its own
                                          __body, admin cards set space-5/space-4
   Collaborators: components/_card.html.erb, docs/wiki/style.md § The component layer. */

.card {
  background: var(--card-bg, var(--content-card-bg));
  border-radius: var(--card-radius, var(--radius-lg));
  box-shadow: var(--card-shadow, var(--shadow-paper));
  border: var(--card-border, none);
  padding: var(--card-padding, 0);
}