/* Common Autoroll Colors via CSS Variables.
   Assumes use of infra-sk/modules/theme-chooser-sk.

 Can be imported via:

    @import '../colors';
*/

:root {
  --primary: #546e7a;
  --on-primary: #ffffff;
  --primary-variant: rgb(204, 204, 255);
  --on-primary-variant: #000000;
  --link-color: hsl(199, 70%, 40%);
}
.darkmode {
  --grey-850: #303030;

  --primary: #546e7a;
  --on-primary: #ffffff;
  --primary-variant: rgb(204, 204, 255);
  --on-primary-variant: #000000;
  --background: #212121;
  --on-background: #e0e0e0;
  --surface: var(--grey-850);
  --on-surface: #eee;
  --error: #ff6f00;
  --link-color: hsl(199, 70%, 60%);
}

a,
a.visited {
  color: var(--link-color);
}

.darkmode input,
.darkmode textarea {
  background-color: var(--surface-2dp);
  color: var(--on-surface);
}

:disabled {
  opacity: var(--text-intensity-medium);
}

.fg-running {
  color: #{'rgba(var(--result-color-lightgreen), 0.7)'};
}
.fg-dry-run {
  color: var(--result-color-lightorange);
}
.fg-stopped {
  color: var(--result-color-redorange);
}
.fg-offline {
  color: var(--result-color-purple);
}