/* ==========================================================================
   mono-legal.css — V108.762 (Dallas)

   Loaded ONLY by contact.html, terms.html and privacy.html: "all i asked you
   to change was the contact us, terms and privacy polocy pages as they still
   had the leif background and green writing."

   ⚠️ DO NOT fold these rules into styles.css. That file is shared by 28 pages
   (every /plan/<svc> twin and the legacy service pages), and editing it there
   is exactly how a three-page request repainted the whole site. The service
   pages keep their own colours on purpose.

   It redefines the shared tokens for these pages only, so anything drawing on
   them turns black, and hides the ambient leaf art outright.
   ========================================================================== */
:root{
  --green-dark:  #111111;   /* headings, primary text, buttons, borders */
  --gold:        #111111;   /* borders, icons, decoration */
  --gold-text:   #111111;   /* small gold text */
  --grad-from:   #111111;   /* the heading gradient collapses to solid black */
  --grad-via:    #111111;
  --grad-to:     #111111;
}
/* The leaf wallpaper, and the tertiary blob that sits with it. */
.bg-leaves{display:none !important;}
/* Olive-tinted borders and washes left in the shared sheet: same weights, grey. */
[class*="border"], .card, .panel{border-color:rgba(17,17,17,.12);}

/* --- V108.766 -------------------------------------------------------------
   Hardcoded olive and gold literals sit in each page's own <style> block and
   in a few inline attributes, so redefining the tokens above cannot reach
   them. These are the same weights, in grey. */
:root{
  --line-soft:  rgba(17,17,17,.12);
  --row-hover:  rgba(17,17,17,.035);
}
.field{border-color:var(--line-soft);}
.field:hover{border-color:rgba(17,17,17,.28);}
.field:focus{border-color:#111;box-shadow:0 0 0 3px rgba(17,17,17,.10);}
.field::placeholder{color:rgba(17,17,17,.40);}
.contact-card{border-color:var(--line-soft);}
.contact-card:hover{border-color:rgba(17,17,17,.28);box-shadow:0 6px 18px rgba(17,17,17,.07);}
.contact-card__icon{background:rgba(17,17,17,.06);}
/* The retention table on /privacy paints its olive tints with inline style
   attributes, which only !important can outrank. */
#privacy-table tr[style]{background:rgba(17,17,17,.04) !important;}
#privacy-table th[style],
#privacy-table td[style]{border-bottom-color:var(--line-soft) !important;}
/* The leaf art on /terms and /privacy is its own fixed watermark, not the
   .bg-leaves wallpaper, so it survived the rule above. Dallas: no leaves. */
[class*="leaf-watermark"]{display:none !important;}

/* --- V108.776 ---------------------------------------------------------------
   This sheet is now the LAST stylesheet in <head> on all three pages, so these
   win a same-specificity tie instead of losing it. Two families were still
   painting olive on screen:

   1. The shadow TOKENS. Both are olive-tinted, and they reach cards, the form
      panel and the primary button, so the page carried a faint green cast
      under everything even after the colours were fixed.
   2. The shared cream footer's hairlines. It is the same footer as the rest of
      the site, but these three pages are a scoped mono island and a green
      rule under a black page reads as a mistake. */
:root{
  --shadow-card: 0 1px 2px rgba(17,17,17,.06), 0 4px 12px rgba(17,17,17,.04);
  --shadow-cta:  0 6px 18px rgba(17,17,17,.16);
  --line:        rgba(17,17,17,.12);
}
.cream-footer,
.cream-footer__bottom,
.cream-footer__icon,
.contact-form-card{border-color:rgba(17,17,17,.12);}
