/* ── Primrose vertical overrides ──────────────────────────────────────────
   The section shares the hub's design system. Only two things differ:
   the accent colour, and a 3-column pillar grid (6 pillars, 3x2) where the
   Hotworx vertical uses 4. Loaded only on /primrose/ pages. */

:root {
  --color-accent:       #1D7A4E;  /* forest green — 4.81:1 on paper, 3.55:1 on dark */
  --color-accent-dark:  #14663F;  /* darkened from #155E3B to clear 3:1 on #111111 */
  --color-accent-light: #4FB183;
  --color-accent-on-card: #4FB183;  /* 5.76:1 on the #2d2d2d card surface */  /* lightened from #2D9B66 to clear 4.5:1 on paper */
  --color-tag-bg:   rgba(29, 122, 78, 0.08);
  --color-tag-text: #1D7A4E;
  --shadow-accent-glow: 0 0 20px rgba(29, 122, 78, 0.25);
}

.pillars__grid { grid-template-columns: repeat(3, 1fr); }

@media (max-width: 900px) {
  .pillars__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
  .pillars__grid { grid-template-columns: 1fr; }
}