/* ECI Online Tool — design tokens ("ledger instrument", spec §4). */
:root {
  /* palette */
  --paper:   #F5F7F5;
  --surface: #FFFFFF;
  --ink:     #19241F;
  --teal:    #0F6E62;
  --line:    #D8E0DB;
  --muted:   #6B7A73;

  /* semantic (diff / status) */
  --added:   #2E7D52;
  --removed: #B23A3A;
  --changed: #B5852A;
  --flag:    #2C6E8F;

  /* derived tints */
  --teal-soft:    #E4F0ED;
  --added-soft:   #E6F1EB;
  --removed-soft: #F6E7E7;
  --changed-soft: #F6EFDD;
  --flag-soft:    #E4EEF4;

  /* status colors keyed to the pipeline state model */
  --status-placeholder: var(--muted);
  --status-idle:        var(--line);
  --status-running:     var(--teal);
  --status-done:        var(--added);
  --status-error:       var(--removed);

  /* type roles */
  --font-display: "Space Grotesk", system-ui, sans-serif;
  --font-body:    "IBM Plex Sans", system-ui, sans-serif;
  --font-mono:    "IBM Plex Mono", ui-monospace, "Cascadia Mono", monospace;

  /* spacing / shape */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --gap:  20px;
  --rail-w: 260px;
  --shadow: 0 1px 2px rgba(25, 36, 31, 0.06), 0 8px 24px rgba(25, 36, 31, 0.05);
}