/* Maps legacy page tokens → SPEC_ITL_03 (Loop84, Minion, login, one-offs) */

@import url("./itl-command-tokens.css");

:root {
  --bg-main:       var(--cmd-bg);
  --bg-2:          var(--cmd-surface);
  --bg-panel:      var(--cmd-card);
  --bg-soft:       var(--cmd-card);
  --loop-bg-deep:  var(--cmd-bg);
  --chat-bg-base:  var(--cmd-bg);
  --panel:         var(--cmd-surface);
  --line:          var(--cmd-border);
  --line-soft:     rgba(90, 160, 80, 0.08);
  --border-soft:   var(--border-mid);
  --text-main:     var(--cmd-text);
  --text:          var(--cmd-text);
  --text-soft:     var(--cmd-muted);
  --quiet:         var(--cmd-muted);
  --muted:         var(--cmd-dim);
  --muted-2:       var(--text-dim);
  --bone:          var(--cmd-text);
  --bone-dim:      var(--cmd-muted);
  --accent:        var(--cmd-accent);
  --accent-dim:    var(--live-dim);
  --accent-border: var(--live-border);
  --accent-gold:   var(--cmd-accent);
  --accent-gold-soft: var(--live-dim);
  --nav-accent:    var(--cmd-accent);
  --nav-accent-border: var(--live-border);
  --turquoise:     var(--cmd-accent);
  --turquoise-dim: var(--live-dim);
  --champagne:     var(--cmd-muted);
  --champagne-soft: var(--cmd-text);
  --sage:          var(--cmd-dim);
  --ok:            var(--cmd-accent);
  --accent-ok:     var(--cmd-accent);
}

body.itl-themed,
.gs-body--login,
.gs-body--portal {
  background: var(--cmd-bg);
  color: var(--cmd-text);
}

body.itl-themed::before,
.gs-body--login::before,
.gs-body--portal::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(55, 130, 55, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(55, 130, 55, 0.04) 1px, transparent 1px);
  background-size: 52px 52px;
}