/* ── Kiddie Academy vertical overrides ────────────────────────────────────
   Shares the hub's design system. Only the accent colour differs.
   Loaded only on /kiddieacademy/ pages.

   Accent: Cobalt Blue #2B5EA7 — institutional trust, distinct from
   Hotworx red (#c4332d), Primrose green (#1D7A4E) and
   School of Rock amber (#B45309).

   Measured contrast ratios:
     #2B5EA7 on #f5f3f0 (paper):  5.81:1  ✓ AA text
     #2B5EA7 on #111111 (dark):   2.93:1  ✓ AA large text / graphics
     #2B5EA7 on #2d2d2d (card):   2.14:1
     #7DAAE8 on #2d2d2d (card):   5.76:1  ✓ AA text (accent-on-card)
     #143D7A on #f5f3f0 (paper):  9.58:1  ✓ AAA text (accent-dark)
     #143D7A on #111111 (dark):   1.78:1
     #2563EB on #f5f3f0 (paper):  4.67:1  ✓ AA text (accent-light)
*/

:root {
  --color-accent:         #2B5EA7;
  --color-accent-dark:    #143D7A;
  --color-accent-light:   #2563EB;
  --color-accent-on-card: #7DAAE8;  /* 5.76:1 on the #2d2d2d card surface */
  --color-tag-bg:   rgba(43, 94, 167, 0.08);
  --color-tag-text: #2B5EA7;
  --shadow-accent-glow: 0 0 20px rgba(43, 94, 167, 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(43, 94, 167, 0.14); }
.fee-stack__layer--brand   { background: rgba(43, 94, 167, 0.10); }

.capital-stack-viz__layer--equity { background: #7daae8; color: var(--color-text-on-light, #1a1a1a); }
.capital-stack-viz__layer--cdc    { background: #2b5ea7; color: var(--color-text-light, #f5f3f0); }
.capital-stack-viz__layer--bank   { background: #2563eb; color: var(--color-text-light, #f5f3f0); }