/* TQF light relight — same GUI, WHITE + GOLD luxury (per Wiktor's reference mock).
   Loaded AFTER compiled CSS, wins by cascade order. Preview-only. */
:root {
  --ink: #faf8f4;            /* page ground — cream white */
  --ink-elevated: #f2eee6;   /* elevated sections — warm ivory */
  --bone: #211c14;           /* main text — near-black espresso (serif headlines) */
  --bone-dim: #6f6657;       /* muted warm gray */
  --oak: #a07d36;            /* gold — links, eyebrows, primary buttons */
  --oak-soft: #8a6a2c;
  --walnut: #b3a58e;         /* soft tan borders (via color-mix transparency) */
  --walnut-deep: #a29179;
  --brass: #b08f45;          /* deeper gold — status dots, highlights */
  --brass-soft: #997b39;
  --mist: #fffdf9;           /* cards — warm white */
}
/* Hero: hardcoded dark gradient → light haze so dark text stays readable */
[style*="12,10,8"] {
  background: linear-gradient(to top,
    rgba(250,248,244,.96) 0%, rgba(250,248,244,.78) 22%,
    rgba(250,248,244,.34) 46%, transparent 72%) !important;
}
/* Inline dark text-shadows → soft light glow */
[style*="text-shadow"] { text-shadow: 0 1px 16px rgba(255,255,255,.65) !important; }
/* Preview badge */
body::after {
  content: "PREVIEW — new lighter look · not live yet";
  position: fixed; left: 50%; bottom: 10px; transform: translateX(-50%);
  z-index: 9999; background: #211c14; color: #e9d9ae;
  font: 700 11px/1 -apple-system, sans-serif; letter-spacing: .08em; text-transform: uppercase;
  padding: 7px 14px; border-radius: 999px; box-shadow: 0 4px 18px rgba(40,30,15,.3);
  pointer-events: none;
}