body[data-concept="precision"] {
  --series-api: #0285ff;
  --series-web: #fb6a22;
  --entry-api-ink: #0285ff;
  --entry-web-ink: #e25507;
  --entry-api-bg: #e5f3ff;
  --entry-web-bg: #fff5f0;
  --status-success-ink: #00692a;
  --status-success-bg: #edfaf2;
  --status-failure-ink: #ba2623;
  --status-failure-bg: #fff0f0;
  --status-running-ink: #946200;
  --status-running-bg: #fff6dd;
  --status-queued-ink: #626262;
  --status-queued-bg: #f2f2f2;
}

body[data-concept="precision"][data-theme="dark"] {
  --entry-api-ink: #339cff;
  --entry-web-ink: #ff8549;
  --entry-api-bg: #00284d;
  --entry-web-bg: #4a2206;
  --status-success-ink: #40c977;
  --status-success-bg: #003716;
  --status-failure-ink: #ff6764;
  --status-failure-bg: #4d100e;
  --status-running-ink: #edbf5d;
  --status-running-bg: #392b0d;
  --status-queued-ink: #b4b4b4;
  --status-queued-bg: #292929;
}

body[data-concept="precision"] .dash-bar-web,
body[data-concept="precision"] .billing-pages .bill-bar-web {
  fill: var(--series-web);
  stroke: none;
  opacity: 1;
}

body[data-concept="precision"] .dash-bar-api,
body[data-concept="precision"] .billing-pages .bill-bar-api {
  fill: var(--series-api);
  stroke: none;
  opacity: 1;
}

body[data-concept="precision"] .dash-legend-web,
body[data-concept="precision"] .billing-pages .bill-legend i {
  background: var(--series-web);
  opacity: 1;
}

body[data-concept="precision"] .dash-legend-api,
body[data-concept="precision"] .billing-pages .bill-legend i.api {
  background: var(--series-api);
  opacity: 1;
}

body[data-concept="precision"] .dashboard-page:not(.backend-pages) .dash-metric:nth-child(3) .icon {
  color: var(--entry-api-ink);
}

body[data-concept="precision"] .dashboard-page:not(.backend-pages) .dash-metric:nth-child(4) .icon {
  color: var(--entry-web-ink);
}

body[data-concept="precision"] .dash-product[data-page="playground"] .dash-product-icon,
body[data-concept="precision"] .dash-product[data-page="keys"] .dash-product-icon,
body[data-concept="precision"] .dash-activity-row[data-activity-type="api"] .dash-activity-icon {
  color: var(--entry-api-ink);
  background: var(--entry-api-bg);
}

body[data-concept="precision"] .dash-product[data-page="studio"] .dash-product-icon,
body[data-concept="precision"] .dash-activity-row[data-activity-type="video"] .dash-activity-icon {
  color: var(--entry-web-ink);
  background: var(--entry-web-bg);
}