/* Дизайн-токени Body Coach. Лише світла тема (рішення Анки 26.10.2026). */
:root {
  color-scheme: light;
  --bg: #ffffff;
  --surface: #f2f3f5;      /* сірі підложки: блок «чому», позначки, треки */
  --text: #111418;
  --muted: #767c86;
  --line: #eceef1;
  --accent: #1f4d3a;       /* ялиновий: кнопки, прогрес, «точно» */
  --on-accent: #ffffff;
  --warn-bg: #fbf1e2;
  --warn: #7a4b0c;
  --ok: #1f4d3a;
  --radius: 14px;
  --radius-sm: 12px;
  --font: -apple-system, "SF Pro Text", Inter, system-ui, sans-serif;
}

body { margin: 0; background: var(--bg); color: var(--text); font: 15px/1.4 var(--font); }

.card   { background: var(--bg); border-top: 1px solid var(--line); padding: 10px 0; }
.stat   { font-size: 42px; font-weight: 700; letter-spacing: -1.4px; line-height: 1; font-variant-numeric: tabular-nums; }
.why    { background: var(--surface); border-radius: var(--radius-sm); padding: 10px 12px; font-size: 13px; }
.badge-exact, .badge-ref, .badge-est {
  display: inline-block; font-size: 11px; padding: 1px 6px; border-radius: 6px;
  margin-left: 4px; background: var(--surface); color: var(--muted); font-weight: 500;
}
.badge-exact { color: var(--accent); font-weight: 600; }