/* ── School of Rock vertical overrides ────────────────────────────────────
   Shares the hub's design system. Only the accent colour differs.
   Loaded only on /schoolofrock/ pages.

   Accent: Deep Amber #B45309 — stage-light warmth, distinct from
   Hotworx red (#c4332d) and Primrose green (#1D7A4E).

   Measured contrast ratios:
     #B45309 on #f5f3f0 (paper):  4.53:1  ✓ AA text
     #B45309 on #111111 (dark):   3.76:1  ✓ AA large text / graphics
     #B45309 on #2d2d2d (card):   2.74:1
     #E8A33A on #2d2d2d (card):   6.38:1  ✓ AA text (used as accent-on-card)
     #8A3F06 on #f5f3f0 (paper):  7.32:1  ✓ AA text (accent-dark)
     #8A3F06 on #111111 (dark):   2.33:1
*/

:root {
  --color-accent:         #B45309;
  --color-accent-dark:    #8A3F06;
  --color-accent-light:   #D97706;
  --color-accent-on-card: #E8A33A;  /* 6.38:1 on the #2d2d2d card surface */
  --color-tag-bg:   rgba(180, 83, 9, 0.08);
  --color-tag-text: #B45309;
  --shadow-accent-glow: 0 0 20px rgba(180, 83, 9, 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-stack__layer--royalty { background: rgba(180, 83, 9, 0.14); }
.fee-stack__layer--brand   { background: rgba(180, 83, 9, 0.10); }
.fee-stack__layer--local   { background: rgba(180, 83, 9, 0.07); }
.fee-stack__layer--coop    { background: rgba(180, 83, 9, 0.04); }

.capital-stack-viz__layer--equity { background: #e8a33a; color: var(--color-text-on-light, #1a1a1a); }
.capital-stack-viz__layer--buffer { background: #d97706; color: var(--color-text-on-light, #1a1a1a); }
.capital-stack-viz__layer--cdc    { background: #b45309; color: var(--color-text-light, #f5f3f0); }
.capital-stack-viz__layer--bank   { background: #8a3f06; color: var(--color-text-light, #f5f3f0); }