/* ===============================
   ARTLIVE – GREEN ACCENTS PATCH
   Add AFTER: legal.css (and/or style.css)
   =============================== */

:root{
  --artlive-green: #8BC53F;
  --artlive-green-soft: rgba(139,197,63,.18);
  --artlive-green-line: rgba(139,197,63,.28);
}

/* 1) Subtle green background tint */
body{
  background:
    radial-gradient(1000px 650px at 18% 10%, rgba(139,197,63,.10), rgba(0,0,0,0)),
    radial-gradient(900px 600px at 78% 12%, rgba(139,197,63,.05), rgba(0,0,0,0)),
    #0e0f0f;
}

/* 2) Headings accent line */
.legal-top h1::after,
.legal-card h2::after{
  background: var(--artlive-green) !important;
}

/* 3) Accent left border for sections (optional if you wrap blocks) */
.legal-card{
  box-shadow:
    0 30px 80px rgba(0,0,0,.55),
    inset 0 0 0 1px var(--artlive-green-soft) !important;
  border-color: rgba(255,255,255,.16) !important;
}

/* 4) Numbering and markers */
.num,
.legal-card li::marker{
  color: var(--artlive-green) !important;
}

/* 5) Links */
.legal-card a{
  color: var(--artlive-green) !important;
}
.legal-card a:hover{
  text-decoration: underline;
}

/* 6) Divider with green gradient */
.hr{
  background: linear-gradient(90deg, var(--artlive-green-line), rgba(255,255,255,.10), rgba(0,0,0,0)) !important;
}

/* 7) Nav buttons accents */
.legal-nav a.active{
  border-color: rgba(139,197,63,.65) !important;
  background: rgba(139,197,63,.10) !important;
}
.legal-nav a:hover{
  border-color: rgba(139,197,63,.55) !important;
  background: rgba(139,197,63,.08) !important;
}

/* 8) Gentle hover glow */
.legal-card:hover{
  border-color: rgba(139,197,63,.30) !important;
  box-shadow:
    0 34px 92px rgba(0,0,0,.62),
    inset 0 0 0 1px rgba(139,197,63,.16) !important;
}