.theme-color{
  --bg: #f3f5f7;          /* 内円(穴)の色。ページ背景に合わせる */
  --text: #111;           /* 基本文字色 */
  --title: #111;          /* タイトル文字色 */
  --muted: #6b7280;       /* 備考等 */
  --centerText: #1E6298;  /* 中央の数値色 */

  /* セグメント色（最大5） */
  --seg1: #D1DEE7;
  --seg2: #99B8CF;
  --seg3: #6CA1D0;
  --seg4: #467BA7;
  --seg5: #1E6298;
}

.donut-widget{
 
  color: var(--text);
}

.donut-center-title{
  color: var(--text);
}

.donut-center-number{
  color: var(--centerText);
}

.donut-center-unit{
  color: var(--text);
}

.donut-percent{
  fill: #fff;               /* 扇形内の％は白（画像風） */
  stroke: rgba(0,0,0,.15);
}

.donut-label{
  fill: var(--centerText);  /* 外側ラベル文字色（必要なら上書き） */
}

.stem-chart .donut-label{
  fill: var(--centerText);  /* 外側ラベル文字色（必要なら上書き） */
}

.donut-leader{
  fill: none;
}

/* 見出し */
.metric-title{
  color: var(--title);
}


.metric-main-number{
  color: #467BA7;
}

.metric-main-unit{
  color: #0d0d0d;
}

.metric-sub-label{
  color: #0d0d0d;
}

.metric-sub-note {
  color: #467BA7;
}

.metric-sub-number{
  color: #467BA7;
}

.metric-sub-unit{
  color: #0d0d0d;
}

/* %の上に表示する説明（data-desc） */
.donut-widget .donut-desc{
  fill: #fff;
  stroke: rgba(0,0,0,.18);
}

/* 表の基本 */
.kpi-table{
  background: #fff;
}

.kpi-table th,
.kpi-table td{
  border: 1px solid rgba(0,0,0,.28);
  background-color: rgb(247, 245, 245);
}

/* 左上の空セル */
.kpi-corner{
  background: #fff;
}

/* 年度見出し */
.kpi-table thead th{
  color: #0d0d0d;
  background-color: rgb(247, 245, 245);
}

/* 行見出し（男性/女性） */
.kpi-rowhead{
  color: #0d0d0d;
}
.kpi-rowhead-text{
  color: #0d0d0d;
}

/* 行見出しの背景色（画像に近い色） */
.kpi-rowhead-male .kpi-rowhead-text{
  background: #99B8CF; /* 黄緑 */
}
.kpi-rowhead-female .kpi-rowhead-text{
  background: #467BA7; /* 濃い緑 */
  color: #ffffff;
}

/* セルの数値（0/1）と単位（名） */
.kpi-num{
  color: #467BA7;
}
.kpi-unit{
  color: #0d0d0d;
}

.bar-card-legend{
  color: #111827;
}

.bar-card-unit{
  color:#6b7280;
}