/* CLIPHORIUM_ACCENTS_V1 (gold edge accents for all sections) */

/* This creates a luxury gold rim around “panels” without ruining the glass look */
:root{
  --ch-gold: #D4AF37;
  --ch-gold-hi: #F6E08A;
}

/* Targets most section containers across the site */
:where(
  .hero,
  .card,
  .jobs-hero,
  .jobs-card,
  .pb-hero,
  .pb-card,
  .panel,
  .module,
  .console,
  .console-card,
  section
){
  position: relative;
}

/* Gold edge rim */
:where(
  .hero,
  .card,
  .jobs-hero,
  .jobs-card,
  .pb-hero,
  .pb-card,
  .panel,
  .module,
  .console-card
)::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius: inherit;
  padding: 1px;
  pointer-events:none;

  background: linear-gradient(
    135deg,
    rgba(246,224,138,.65),
    rgba(212,175,55,.20),
    rgba(255,255,255,.06),
    rgba(246,224,138,.40)
  );

  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  opacity: .85;
}

/* Soft glow that stays “expensive”, not neon */
:where(
  .hero,
  .card,
  .jobs-hero,
  .jobs-card,
  .pb-hero,
  .pb-card,
  .panel,
  .module,
  .console-card
){
  box-shadow:
    0 18px 60px rgba(0,0,0,.55),
    0 0 0 1px rgba(212,175,55,.16),
    0 0 26px rgba(212,175,55,.08);
}

/* Buttons get a tiny gold pop */
:where(button, .btn).primary{
  box-shadow:
    0 0 0 1px rgba(212,175,55,.22),
    0 10px 24px rgba(0,0,0,.45),
    0 0 18px rgba(212,175,55,.14);
}