/* === Color theming per pillar + content pages === */

/* Default teal accent (Proteger original / fallback) */
.theme-accent-red {
  --accent: #d94436;
  --accent-2: #e85a4d;
  --accent-soft: rgba(217, 68, 54, 0.12);
}
.theme-accent-green {
  --accent: #1f8a5b;
  --accent-2: #28a36e;
  --accent-soft: rgba(31, 138, 91, 0.12);
}
.theme-accent-blue {
  --accent: #2a6fdb;
  --accent-2: #4087f0;
  --accent-soft: rgba(42, 111, 219, 0.12);
}

/* Pillar accent overrides on cards */
.pillar:nth-child(1) .pillar-tag,
.pillar:nth-child(1) .pillar-link { color: #2a6fdb; }
.pillar:nth-child(1) .pillar-link:hover { color: #4087f0; }
.pillar:nth-child(2) .pillar-tag,
.pillar:nth-child(2) .pillar-link { color: #1f8a5b; }
.pillar:nth-child(2) .pillar-link:hover { color: #28a36e; }
.pillar:nth-child(3) .pillar-tag,
.pillar:nth-child(3) .pillar-link { color: #d94436; }
.pillar:nth-child(3) .pillar-link:hover { color: #e85a4d; }

/* Subtle top border accent on pillar cards */
.pillar { position: relative; }
.pillar::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: var(--bar, transparent);
  transform-origin: left;
  transform: scaleX(0);
  transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.pillar:hover::before { transform: scaleX(1); }
.pillar:nth-child(1) { --bar: #2a6fdb; }
.pillar:nth-child(2) { --bar: #1f8a5b; }
.pillar:nth-child(3) { --bar: #d94436; }