/* -- Club Pilates vertical overrides ------------------------------------------
   Shares the hub's design system. Only the accent colour differs.
   Loaded only on /clubpilates/ pages.

   Accent: Warm Coral #B34A5E -- fitness energy and movement, distinct from
   Hotworx red (#c4332d), Primrose green (#1D7A4E),
   School of Rock amber (#B45309), Kiddie Academy blue (#2B5EA7),
   Goddard plum (#8248A0) and Kumon teal (#0B7A7E).

   Measured contrast ratios:
     #B34A5E on #f5f3f0 (paper):  4.67:1  AA text
     #B34A5E on #111111 (dark):   3.65:1  AA large text / graphics
     #B34A5E on #2d2d2d (card):   2.66:1
     #E89DAD on #2d2d2d (card):   6.46:1  AA text (accent-on-card)
     #7E3244 on #f5f3f0 (paper):  7.81:1  AAA text (accent-dark)
     #D4758A on #111111 (dark):   6.03:1  AA text (accent-light)
*/

:root {
  --color-accent:         #B34A5E;
  --color-accent-dark:    #7E3244;
  --color-accent-light:   #D4758A;
  --color-accent-on-card: #E89DAD;  /* 6.46:1 on the #2d2d2d card surface */
  --color-tag-bg:   rgba(179, 74, 94, 0.08);
  --color-tag-text: #B34A5E;
  --shadow-accent-glow: 0 0 20px rgba(179, 74, 94, 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; }
}

/* Fee load visualisation -- stacked bar showing ~12% combined load */
.fee-stack__layer--royalty   { background: rgba(179, 74, 94, 0.18); }
.fee-stack__layer--brand     { background: rgba(179, 74, 94, 0.12); }
.fee-stack__layer--local-ad  { background: rgba(179, 74, 94, 0.07); }

/* Two-picture contrast visualisation -- centrepiece of the vertical */
.two-picture__col--fdd  { border-left: 3px solid var(--color-accent, #B34A5E); }
.two-picture__col--2026 { border-left: 3px solid var(--color-accent-dark, #7E3244); }
.two-picture__label      { color: var(--color-accent, #B34A5E); }

/* Quartile spread bars */
.quartile-bar--q1 { background: var(--color-accent-on-card, #E89DAD); color: var(--color-text-on-light, #1a1a1a); }
.quartile-bar--q2 { background: var(--color-accent-light, #D4758A); color: var(--color-text-light, #f5f3f0); }
.quartile-bar--q3 { background: var(--color-accent, #B34A5E); color: var(--color-text-light, #f5f3f0); }
.quartile-bar--q4 { background: var(--color-accent-dark, #7E3244); color: var(--color-text-light, #f5f3f0); }

/* Capital stack viz */
.capital-stack-viz__layer--equity { background: #E89DAD; color: var(--color-text-on-light, #1a1a1a); }
.capital-stack-viz__layer--sba    { background: #B34A5E; color: var(--color-text-light, #f5f3f0); }
.capital-stack-viz__layer--self   { background: #D4758A; color: var(--color-text-light, #f5f3f0); }