/* ===============================================================
   COMPLIANCE TRAINING — use-case page overrides
   ---------------------------------------------------------------
   Reuses css/real-estate.css for the shared brand template
   (loaded before this file). This sheet swaps the palette to the
   compliance identity — violet ledger world — restyles the hero
   for a page with no video, and adds the three use-case patterns:
   .uc-quote (regulator blockquote), .uc-feature (demo split
   panels), .uc-faq (details/summary accordion).
   =============================================================== */

:root {
  --bg-elev:     #16102e;
  --bg-elev-2:   #261b4d;
  --ink:         #f3f1f9;
  --ink-muted:   #a39bc4;
  --ink-dim:     #645c85;
  --line:        rgba(163, 155, 196, 0.12);
  --line-strong: rgba(163, 155, 196, 0.28);

  --amber:       #a78bfa;
  --amber-soft:  #c7b4ff;
  --accent:      #a78bfa;
  --accent-soft: #c7b4ff;
  --cyan:        #a78bfa;

  /* Thread categories (names reuse real-estate.css's data-theme wiring) */
  --cat-aml:         #39e58c;
  --cat-fairhousing: #4d9fff;
  --cat-conduct:     #c7b4ff;
  --cat-cyber:       #5ae8ff;
  --cat-negotiation: #ffb05c;  /* data-theme="ethics" → dangerous goods / export */
  --cat-pipeline:    #ffb05c;
  --cat-lifecycle:   #ff7e8a;

  --glass-bg:     rgba(18, 12, 40, 0.55);
  --glass-border: rgba(255, 255, 255, 0.14);
}

/* Violet ledger world — canvas + blooms recolor */
.re-canvas {
  background: linear-gradient(180deg,
    #2b1b66 0%,
    #150d38 14%,
    #08050f 30%,
    #1f1247 52%,
    #070410 76%,
    #221456 100%);
}
.re-blooms {
  background:
    radial-gradient(40% 30% at 18% 12%, rgba(167, 139, 250, 0.16), transparent 60%),
    radial-gradient(45% 35% at 85% 50%, rgba(77, 159, 255, 0.12), transparent 60%),
    radial-gradient(40% 30% at 12% 86%, rgba(57, 229, 140, 0.10), transparent 60%);
  background-size: 140% 140%;
}

/* ---------------------------------------------------------------
   HERO — no video; the fallback becomes the hero art:
   violet light wells over a faint ledger grid.
   --------------------------------------------------------------- */
.re-hero-fallback {
  z-index: 0;
  background:
    radial-gradient(ellipse 70% 60% at 25% 35%, rgba(82, 52, 160, 0.55), transparent 65%),
    radial-gradient(ellipse 50% 50% at 80% 70%, rgba(43, 27, 102, 0.6), transparent 70%),
    #050308;
}
.re-hero-fallback::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(90deg, rgba(167, 139, 250, 0.05) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(0deg, rgba(167, 139, 250, 0.04) 0 1px, transparent 1px 72px);
  mask-image: radial-gradient(ellipse 80% 75% at 40% 45%, #000 30%, transparent 75%);
  -webkit-mask-image: radial-gradient(ellipse 80% 75% at 40% 45%, #000 30%, transparent 75%);
}