/* ============================================================
   Eletinker · Schwimmen — Karten-Tokens
   Farb-Identität je Farbe, aus der funktionalen Brand-Palette.
   Dark-Mode via `html.theme-dark` (Brand-Standard). Kartenkörper
   nutzt die semantischen Tokens bzw. die umgedeutete Ink-Skala,
   dadurch kippen Fläche/Rahmen automatisch mit dem Theme.
   ============================================================ */
:root {
  /* Farb-Identitäten (funktionale Brand-Farben) */
  --suit-herz:     var(--danger-500);   /* #B0192B */
  --suit-gras:     var(--success-500);  /* #1F7A4D */
  --suit-schellen: var(--warning-500);  /* #C77A00 */
  --suit-eichel:   var(--brand-500);    /* #0029A5 */

  /* Kartenkörper */
  --card-face: var(--bg-surface);       /* #FFFFFF · dunkel #161C30 */
  --card-line: var(--ink-900);          /* Rahmen — Ink-Skala kippt mit dem Theme */
  --card-hair: var(--ink-200);          /* technische Innenlinie */
}

/* Farb-Identitäten auf Dunkel aufhellen (funktionale Farben werden
   nicht automatisch umgedeutet). */
html.theme-dark {
  --suit-herz:     #E0556A;
  --suit-gras:     #3FA873;
  --suit-schellen: #E59A2B;
  --suit-eichel:   var(--brand-300);    /* #8AA2EA auf Dunkel */
}

.pcard {
  display: block;
  width: 100%;
  height: auto;
}