/* The Green Witch Herbal Tarot (hb-9pbqn): the tarot section's page in the cards' own colours, loaded after
   tarot.css. The ground is the cards' moss green (#22382B, #16261C at the trim); the ink is the cream of the
   plate's window (#EFE3C8); the gold is the old gold of the rules and medallions (#B8975A). Only the colours
   change (niche-decks/herbal-tarot/DIRECTION.md). */

body.tarot-page[data-tarot="herbal"] {
  background:
    radial-gradient(ellipse 70% 40% at 70% 0%, rgba(52, 86, 64, 0.55), transparent 70%),
    radial-gradient(ellipse 60% 50% at 20% 100%, rgba(184, 151, 90, 0.08), transparent 70%),
    #16261C;
  background-repeat: no-repeat;
}

[data-tarot="herbal"] .tarot {
  --paper: #16261C;
  --paper-2: #1d3124;
  --paper-3: #22382B;
  --ink: #EFE3C8;
  --ink-2: #ddd0b2;
  --ink-3: #b3aa8e;
  --line: rgba(239, 227, 200, 0.18);
  --card: #1d3124;
  --gold: #cdb07a;
  --candle: #e3cd9c;
  --accent: #EFE3C8;
  --accent-press: #ddd0b2;
  --accent-ink: #16261C;
  --good: #cdb07a;
}
[data-tarot="herbal"] .tarot .btn-primary {
  box-shadow: 0 0 0 1px rgba(184, 151, 90, 0.55), 0 6px 22px rgba(0, 0, 0, 0.35);
}

[data-tarot="herbal"] .t-hero-img {
  background: #16261C; border-radius: var(--radius-m);
  box-shadow: 0 0 0 1px rgba(184, 151, 90, 0.6), 0 0 0 6px var(--paper), 0 0 0 7px rgba(184, 151, 90, 0.35),
              0 24px 60px rgba(0, 0, 0, 0.5);
}
[data-tarot="herbal"] .t-ships {
  border-color: rgba(184, 151, 90, 0.5);
  background: linear-gradient(135deg, rgba(184, 151, 90, 0.14), rgba(184, 151, 90, 0.04));
}
[data-tarot="herbal"] .t-orn span { background: linear-gradient(90deg, transparent, rgba(184, 151, 90, 0.6), transparent); }
[data-tarot="herbal"] .t-cards img { box-shadow: var(--shadow-card), 0 0 0 1px rgba(184, 151, 90, 0.3); }

/* The 78-card sheet (qualia #8655) opens on a darker moss green, not Salem's night blue (#0f0d20 in tarot.css). */
[data-tarot="herbal"] .t-sheet { background: #0e1912; }

/* the folklore line in the footer's small print (qualia #8838) */
.foot-lore { color: var(--ink-3); text-align: center; margin: 0; }