/* MIRAI — Workflow-state language
   Anchor / Flow / Heat extended into ten operational states. Each state pairs a colour
   with a MARKER (shape/icon) — colour is never the only signal. The rotated square
   (MIRAI diamond) is reserved for human judgement:
     draft ○ hollow circle · queued ☰ stack · ready → arrow · running ▶ progress line
     automated ~ flow line · approval ◆ diamond · risk △ triangle · complete ✓ check
     failed ✕ cross · paused ‖ bars
   Bronze = a person must decide · amber = something may be at risk · brick = failed. */

:root {
  --wf-draft:          var(--text-secondary);
  --wf-draft-soft:     var(--bg-sunken);
  --wf-queued:         #5C6B7A;   /* slate — in line, not yet moving */
  --wf-queued-soft:    #E7E9EA;
  --wf-ready:          var(--action);
  --wf-ready-soft:     var(--action-soft);
  --wf-running:        var(--action);
  --wf-running-soft:   var(--action-soft);
  --wf-automated:      var(--info-text);
  --wf-automated-soft: var(--info-soft);
  --wf-approval:       var(--approval-text);
  --wf-approval-soft:  var(--approval-soft);
  --wf-risk:           var(--warning-text);
  --wf-risk-soft:      var(--warning-soft);
  --wf-complete:       var(--success-text);
  --wf-complete-soft:  var(--success-soft);
  --wf-failed:         var(--danger-text);
  --wf-failed-soft:    var(--danger-soft);
  --wf-paused:         var(--text-secondary);
  --wf-paused-soft:    var(--bg-sunken);
}

[data-theme="midnight"] {
  --wf-queued:         #8E9BAB;
  --wf-queued-soft:    #1C2531;
}