/* ===============================================================
   SAFETY TRAINING — use-case page overrides
   ---------------------------------------------------------------
   Reuses css/base.css + css/real-estate.css (shared template) +
   css/use-case.css (uc-* patterns). This sheet swaps the palette
   to the safety identity: high-vis orange over a furnace-dark
   world, with a faint hazard-stripe motif in the hero.
   Register note: this page speaks simulation/scenario/drill.
   =============================================================== */

:root {
  --bg-elev:     #2a1608;
  --bg-elev-2:   #4a2811;
  --ink:         #f7f2ec;
  --ink-muted:   #c2a286;
  --ink-dim:     #8a6a4e;
  --line:        rgba(194, 162, 134, 0.12);
  --line-strong: rgba(194, 162, 134, 0.28);

  --amber:       #ff8b2d;
  --amber-soft:  #ffb066;
  --accent:      #ff8b2d;
  --accent-soft: #ffb066;
  --cyan:        #ff8b2d;

  /* Domain categories (names reuse real-estate.css's data-theme wiring) */
  --cat-negotiation: #ffb05c;  /* oil & gas      — amber   */
  --cat-cyber:       #5ae8ff;  /* aviation       — cyan    */
  --cat-fairhousing: #2fd4c2;  /* logistics      — teal    */
  --cat-conduct:     #c4b0ff;  /* telecom        — violet  */
  --cat-aml:         #39e58c;  /* hospitality    — green   */
  --cat-pipeline:    #ffb05c;
  --cat-lifecycle:   #ff7e8a;

  --glass-bg:     rgba(36, 20, 8, 0.55);
  --glass-border: rgba(255, 255, 255, 0.14);
}

/* Furnace-dark world — canvas + blooms recolor */
.re-canvas {
  background: linear-gradient(180deg,
    #58280c 0%,
    #241003 14%,
    #0a0501 30%,
    #3c1d08 52%,
    #070300 76%,
    #4a230b 100%);
}
.re-blooms {
  background:
    radial-gradient(40% 30% at 18% 12%, rgba(255, 139, 45, 0.15), transparent 60%),
    radial-gradient(45% 35% at 85% 50%, rgba(255, 176, 102, 0.10), transparent 60%),
    radial-gradient(40% 30% at 12% 86%, rgba(90, 232, 255, 0.08), transparent 60%);
  background-size: 140% 140%;
}

/* ---------------------------------------------------------------
   HERO — no video; orange light wells over faint hazard stripes
   --------------------------------------------------------------- */
.re-hero-fallback {
  z-index: 0;
  background:
    radial-gradient(ellipse 70% 60% at 25% 35%, rgba(140, 62, 16, 0.55), transparent 65%),
    radial-gradient(ellipse 50% 50% at 80% 70%, rgba(74, 35, 11, 0.6), transparent 70%),
    #070301;
}
.re-hero-fallback::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(135deg, rgba(255, 139, 45, 0.06) 0 2px, transparent 2px 28px);
  mask-image: radial-gradient(ellipse 80% 75% at 40% 45%, #000 25%, transparent 75%);
  -webkit-mask-image: radial-gradient(ellipse 80% 75% at 40% 45%, #000 25%, transparent 75%);
}