/* ============================================================
   GOLDEN — Card ink rules
   Layered on top of css/main.css. Governs heading + text color
   inside .card so contrast holds on every surface.

   • Light cards  → title = text-primary (near-black); eyebrow +
     body stay neutral (already legible on white).
   • Color cards  → title + text drawn from the card's OWN scale's
     dark steps, so contrast is strong and the hue stays in family.
     Green keeps the foliage display color (foliage = green's dark
     anchor). Dark cards (foliage) flip to light green ink.

   Each card exposes --card-ink (strong) and --card-ink-soft (body)
   so nested chips/buttons can pull the same in-family ink.
   ============================================================ */

/* ---------- Light surface ---------- */
.card__title { color: var(--ui-text-primary); }

/* ---------- Color surface: per-scale ink ---------- */
.card--green   { --card-ink: var(--color-foliage);     --card-ink-soft: var(--color-green-800); }
.card--mint    { --card-ink: var(--color-mint-800);    --card-ink-soft: var(--color-mint-800); }
.card--mustard { --card-ink: var(--color-mustard-800); --card-ink-soft: var(--color-mustard-800); }
.card--pink    { --card-ink: var(--color-pink-800);    --card-ink-soft: var(--color-pink-600); }
.card--violet  { --card-ink: var(--color-violet-800);  --card-ink-soft: var(--color-violet-600); }
.card--foliage { --card-ink: var(--color-green-100);   --card-ink-soft: var(--color-green-60); }
.card--linen   { --card-ink: var(--color-foliage);     --card-ink-soft: var(--ui-text-secondary); }

.card--green .card__title,  .card--mint .card__title,    .card--mustard .card__title,
.card--pink .card__title,   .card--violet .card__title,  .card--foliage .card__title,
.card--linen .card__title { color: var(--card-ink); }

.card--green .card__eyebrow,  .card--mint .card__eyebrow,    .card--mustard .card__eyebrow,
.card--pink .card__eyebrow,   .card--violet .card__eyebrow,  .card--foliage .card__eyebrow,
.card--linen .card__eyebrow { color: var(--card-ink); opacity: 0.7; }

.card--green .card__body,  .card--mint .card__body,    .card--mustard .card__body,
.card--pink .card__body,   .card--violet .card__body,  .card--foliage .card__body,
.card--linen .card__body { color: var(--card-ink-soft); }

.card--green .card__footer,  .card--mint .card__footer,    .card--mustard .card__footer,
.card--pink .card__footer,   .card--violet .card__footer,  .card--foliage .card__footer,
.card--linen .card__footer { border-top-color: color-mix(in srgb, var(--card-ink) 22%, transparent); }