/* =========================================================
   LEGACY HOUSE — COLOR TOKENS
   Dark-first. Light surfaces render as warm "paper", never
   pure white. One accent — Legacy Green — used as glow /
   emphasis only, never as a background fill.
   ========================================================= */
:root {
  /* ---- RAW ---- */
  --lh-black:        #0a0a0a;   /* true black, page bg */
  --lh-ink:          #141414;   /* slightly raised surface */
  --lh-coal:         #1c1c1c;   /* card / dark-1 */
  --lh-graphite:     #2a2a2a;   /* card raised / dark-2 */
  --lh-iron:         #3a3a3a;   /* hairline borders on dark */
  --lh-fog:          #6b6b6b;   /* muted text on dark */
  --lh-smoke:        #9a9a9a;   /* secondary text on dark */
  --lh-bone:         #c9c4ba;   /* warm low-contrast on dark */
  --lh-paper:        #f6f4ef;   /* warm off-white "paper" */
  --lh-paper-dim:    #ebe7df;   /* paper, slightly darker */
  --lh-cream:        #e8e2d4;   /* aged paper / hero plates */

  /* ---- ACCENT — the only real color ---- */
  --lh-green:        #389750;   /* "go", legacy, growth */
  --lh-green-deep:   #1f5a30;
  --lh-green-glow:   rgba(56, 151, 80, .35);

  /* ---- STATUS ---- */
  --lh-status-go:    #389750;
  --lh-status-warn:  #d9a441;
  --lh-status-stop:  #c8102e;
  --lh-status-info:  #6b8db5;

  /* ---- SEMANTIC (dark theme default) ---- */
  --lh-bg:            var(--lh-black);
  --lh-bg-raised:     var(--lh-ink);
  --lh-surface:       var(--lh-coal);
  --lh-surface-2:     var(--lh-graphite);
  --lh-dark-1:        var(--lh-coal);   /* legacy alias */
  --lh-dark-2:        var(--lh-graphite);

  --lh-fg:            var(--lh-paper);
  --lh-fg-strong:     #ffffff;
  --lh-fg-muted:      var(--lh-smoke);
  --lh-fg-subtle:     var(--lh-fog);
  --lh-fg-on-paper:   var(--lh-black);

  --lh-border:        var(--lh-iron);
  --lh-border-strong: #4a4a4a;
  --lh-border-paper:  #d6d1c6;

  --lh-accent:        var(--lh-green);
  --lh-accent-deep:   var(--lh-green-deep);
  --lh-accent-glow:   var(--lh-green-glow);
}

/* =========================================================
   PAPER (light) THEME — printed-page feel. Apply as
   class="lh-paper" on a container.
   ========================================================= */
.lh-paper {
  --lh-bg:            var(--lh-paper);
  --lh-bg-raised:     var(--lh-paper-dim);
  --lh-surface:       #fff;
  --lh-surface-2:     var(--lh-paper-dim);
  --lh-dark-1:        var(--lh-paper-dim);
  --lh-dark-2:        var(--lh-cream);
  --lh-fg:            var(--lh-black);
  --lh-fg-strong:     #000;
  --lh-fg-muted:      #555;
  --lh-fg-subtle:     #888;
  --lh-border:        var(--lh-border-paper);
  --lh-border-strong: #b8b3a6;
  background: var(--lh-bg);
  color: var(--lh-fg);
}