/*
 * forge-compat.css — G3 Unification bridge
 *
 * Aliases Builder Bot CSS tokens (bone palette) onto Sovereign dark tokens
 * defined in /gcode-designs.css.  Load AFTER gcode-designs.css so these
 * overrides win cleanly.
 *
 * Token map:
 *   Builder Bot       →  gcode Sovereign
 *   --paper           →  --bg
 *   --paper-2         →  --bg-2
 *   --card            →  --panel
 *   --accent          →  --acc
 *   --accent-2        →  --acc-2  (fallback: --acc)
 *   --accent-ink      →  --acc-ink
 *   --ok              →  --acc    (no dedicated --ok in gcode.css; green acc serves)
 *   --hot             →  --err    (if present, else fallback red)
 *   --ink             →  --fg
 *   --muted           →  --fg-muted
 *   --rule            →  --border
 *   --rule-2          →  --border-2
 *   --pad             →  clamp(20px, 4vw, 36px)
 */
:root {
  --paper:      var(--bg);
  --paper-2:    var(--bg-2);
  --card:       var(--panel);
  --accent:     var(--acc);
  --accent-2:   var(--acc-2, var(--acc));
  --accent-ink: var(--acc-ink);
  --ok:         var(--acc);
  --hot:        var(--err, #B8493A);
  /* NOTE: --ink / --muted are NOT re-aliased here. gcode-designs.css already
     defines them natively with correct light + dark values. The old
     `--ink: var(--fg)` / `--muted: var(--fg-muted)` lines referenced --fg /
     --fg-muted, which are defined nowhere — so they silently overwrote the
     real tokens with empty values, collapsing all Forge body text to #000
     (contrast 1.06 on the dark surface). Builder-Bot components reference
     --ink / --muted directly; the Sovereign tokens already satisfy them. */
  --rule:       var(--border);
  --rule-2:     var(--border-2, var(--border));
  --pad:        clamp(20px, 4vw, 36px);
}

/* ── Class aliases ─────────────────────────────────────────────────── */

/* Builder Bot uses .btn-primary; Sovereign uses .btn-pri */
.btn-primary {
  background: var(--acc);
  color: var(--acc-ink);
  border: none;
  border-radius: var(--radius, 6px);
  padding: 0.55em 1.25em;
  font-weight: 600;
  cursor: pointer;
  transition: opacity 0.15s;
}
.btn-primary:hover { opacity: 0.85; }

/* Builder Bot uses .btn-accent for secondary CTA */
.btn-accent {
  background: transparent;
  color: var(--acc);
  border: 1px solid var(--acc);
  border-radius: var(--radius, 6px);
  padding: 0.55em 1.25em;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}
.btn-accent:hover {
  background: var(--acc);
  color: var(--acc-ink);
}

/* Builder Bot uses .pill.ink (dark filled pill) */
.pill.ink {
  background: var(--fg);
  color: var(--bg);
}

/* Builder Bot uses .pill.accent (accent filled pill) */
.pill.accent {
  background: var(--acc);
  color: var(--acc-ink);
}

/* Builder Bot uses .pill.ok (success pill) */
.pill.ok {
  background: var(--acc);
  color: var(--acc-ink);
}