/* C008/C016: semantic colors follow the shared KPI classes, never card order
   or business identity. Both business renderer variants use this same rule. */
html[data-theme] #page .fv-business-dashboard > .dashboard-kpis:is(.fv-business-kpis, .fv-virtuality-kpis) {
  --review-kpi-income: var(--green);
  --review-kpi-expense: var(--coral);
  --review-kpi-debt: var(--yellow);
  --review-kpi-saving: var(--purple);
  --review-kpi-neutral: var(--cyan);
}

html[data-theme="light"] #page .fv-business-dashboard > .dashboard-kpis:is(.fv-business-kpis, .fv-virtuality-kpis) {
  --review-kpi-income: #106b4b;
  --review-kpi-expense: #a2324c;
  --review-kpi-debt: #735407;
  --review-kpi-saving: #6941ac;
  --review-kpi-neutral: #086a76;
}

html[data-theme] #page .fv-business-dashboard > .dashboard-kpis:is(.fv-business-kpis, .fv-virtuality-kpis) > .simple-kpi {
  --review-kpi-tone: var(--text);
}

html[data-theme] #page .fv-business-dashboard > .dashboard-kpis:is(.fv-business-kpis, .fv-virtuality-kpis) > .simple-kpi.neutral {
  --review-kpi-tone: var(--review-kpi-neutral);
}

html[data-theme] #page .fv-business-dashboard > .dashboard-kpis:is(.fv-business-kpis, .fv-virtuality-kpis) > .simple-kpi.saving {
  --review-kpi-tone: var(--review-kpi-saving);
}

html[data-theme] #page .fv-business-dashboard > .dashboard-kpis:is(.fv-business-kpis, .fv-virtuality-kpis) > .simple-kpi.debt {
  --review-kpi-tone: var(--review-kpi-debt);
}

html[data-theme] #page .fv-business-dashboard > .dashboard-kpis:is(.fv-business-kpis, .fv-virtuality-kpis) > .simple-kpi.positive {
  --review-kpi-tone: var(--review-kpi-income);
}

html[data-theme] #page .fv-business-dashboard > .dashboard-kpis:is(.fv-business-kpis, .fv-virtuality-kpis) > .simple-kpi.negative {
  --review-kpi-tone: var(--review-kpi-expense);
}

/* Earlier theme overrides force every light-mode value to the text color.
   These scoped declarations restore the renderer's existing semantic tone. */
html[data-theme] #page .fv-business-dashboard > .dashboard-kpis:is(.fv-business-kpis, .fv-virtuality-kpis) > .simple-kpi > :is(.kpi-label, .simple-value) {
  color: var(--review-kpi-tone) !important;
}

html[data-theme] #page .fv-business-dashboard > .dashboard-kpis:is(.fv-business-kpis, .fv-virtuality-kpis) > .simple-kpi > .niwwi-metric-plus {
  color: var(--review-kpi-tone) !important;
  border-color: color-mix(in srgb, var(--review-kpi-tone) 36%, var(--line));
}

html[data-theme] #page .fv-business-dashboard > .dashboard-kpis:is(.fv-business-kpis, .fv-virtuality-kpis) > .simple-kpi > .niwwi-metric-plus:focus-visible {
  outline: 2px solid var(--review-kpi-tone);
  outline-offset: 3px;
}