:root {
  --bg: white;

  --radicle-info-bg: oldlace;
  --radicle-info-fg: black;
  --radicle-info-border: black;

  --succeeded: chartreuse;  
  --result-success: lightgreen;
  --all-succeeded: oldlace;
  --failed: salmon;
  --result-failed: red;
  --at-least-one-failed: pink;

  --pre-bg: yellow;
  --pre-fg: black;
  --pre-border: black;

  --details-border: black;

  --argv-fg: black;
  --argv-bg: white;
}

html {
  padding: 0em;
  border: 0em;
  margin: 0em;
  background: var(--bg);
}

.radicle-info {
  background: var(--radicle-info-bg);
  color: var(--radicle-info-fg);
  border: 1px var(--radicle-info-border) solid;
}

details {
  margin-bottom: 0.5em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 2em;
  border: 1px var(--details-border) solid;
}

summary {
}

.timestamp {
  font-size: 80%;
}

.duration {
  font-size: 80%;
}

.exact-timestamp, .time-offset {
  font-family: monospace;
}

.action-name {
  font-family: monospace;
}

.program-name, .program-versioni {
  font-family: monospace;
}

.program-arg {
  font-family: monospace;
}

pre {
  background: var(--pre-bg);
  color: var(--pre-fg);
  padding: 1em;
  border: 1px var(--pre-border) dashed;
  font-family: monospace;
}

.succeeded {
  background: var(--succeeded);
}

.result-success {
  background: var(--result-success);
}

.all_succeeded {
  background: var(--all-succeeded);
}

.failed {
  background: var(--failed);
}

.result-failure {
  background: var(--result-failed);
}

.at_least_one_failed {
  background: var(--at-least-one-failed);
}

.argv {
  font-family: monospace;
  background: var(--argv-bg);
  color: var(--argv-fg);
}

.project-name {
  font-family: monospace;
}

.ambient-name, .ambient-version, .executor-name, .executor-version, .error-message {
  font-family: monospace;
}

.prelude, .epilog {
}

.pre-plan, .post-plan {
}

.plan {
}

.commit-id-prefix {
  font-weight: bold;
  font-family: monospace;
}
 
.commit-id-rest {
  font-family: monospace;
}
 
.commit-id-unknown {
  color: red;
}

.run-id {
  font-family: monospace;
}

.repo-id {
  font-weight: bold;
  font-family: monospace;
}

.repo-name {
  font-family: monospace;
}
