/* ── Work-type colours: the ONE place they are defined ──────────────────────
   Job site, driving, shop, loading, supply house, office, home. Owner
   2026-11-09: "shared code on the color so if a color update happens
   everywhere gets it." Every screen that colours a stretch of the day (the
   Time Log rail and split bar, the shared public timesheet, the crew map's
   rings and chips, the day replay's lanes) reads these variables through
   js/activity-kinds.js. Change a value here and all of them follow.
   Loaded by index.html and timesheet.html, like css/timelog.css. */
:root,body{
  --kind-job:var(--blue);--kind-site:var(--blue);
  --kind-drive:#9F5B00;
  --kind-shop:#0E6B6B;
  --kind-load:#6D28D9;
  --kind-supply:#15803D;
  --kind-office:#0E6B6B;
  --kind-home:var(--text3);
  --kind-gap:var(--border2);
  /* Soft tints, for chips. */
  --kind-job-soft:#DCE8FA;
  --kind-drive-soft:#FBE2BB;
  --kind-shop-soft:#D5ECEC;
  --kind-load-soft:#EDE6FB;
  --kind-supply-soft:#D4ECDC;
  --kind-office-soft:#D5ECEC;
  --kind-home-soft:#ECEEF2;
  /* Chip text. On the app's own surfaces it is the colour itself. */
  --kind-job-ink:var(--kind-job);--kind-site-ink:var(--kind-site);
  --kind-drive-ink:var(--kind-drive);--kind-shop-ink:var(--kind-shop);--kind-load-ink:var(--kind-load);
  --kind-supply-ink:var(--kind-supply);--kind-office-ink:var(--kind-office);--kind-home-ink:var(--kind-home);
}
/* Battery levels (js/utils.js tdBatteryGlyph): iOS green above 20 percent,
   amber 11 to 20, red at 10 and under. */
:root,body{--batt-ok:#34C759;--batt-warn:#FF9F0A;--batt-low:#FF3B30}
.td-batt{display:inline-flex;align-items:center;gap:5px;line-height:1.3}
.td-batt .td-bat{display:block;flex-shrink:0}
.td-batt-n{font-size:15px;color:var(--text2);font-variant-numeric:tabular-nums}
/* The crew map and the day replay follow the app's own theme (body.dark), and
   take their own values for it. LIGHT first: vivid iOS tones on the light
   tiles for rings and fills, deep "ink" tones for chip text so it clears 4.5:1
   on the soft tint (checked in tests/e2e-activity-kinds.spec.js). */
.dm-wrap{
  --kind-job:#007AFF;--kind-site:#007AFF;
  --kind-drive:#FF9500;
  --kind-shop:#30B0C7;
  --kind-load:#AF52DE;
  --kind-supply:#34C759;
  --kind-office:#30B0C7;
  --kind-home:#8E8E93;
  --kind-gap:rgba(60,60,67,.18);
  --kind-job-soft:rgba(0,122,255,.13);
  --kind-drive-soft:rgba(255,149,0,.16);
  --kind-shop-soft:rgba(48,176,199,.16);
  --kind-load-soft:rgba(175,82,222,.14);
  --kind-supply-soft:rgba(52,199,89,.16);
  --kind-office-soft:rgba(48,176,199,.16);
  --kind-home-soft:rgba(142,142,147,.2);
  --kind-job-ink:#0A58C6;--kind-site-ink:#0A58C6;
  --kind-drive-ink:#8A4700;
  --kind-shop-ink:#0B5B6B;
  --kind-load-ink:#6B2D9E;
  --kind-supply-ink:#176A31;
  --kind-office-ink:#0B5B6B;
  --kind-home-ink:#55555A;
}
body.dark .dm-wrap{
  --kind-job:#0A84FF;--kind-site:#0A84FF;
  --kind-drive:#FF9F0A;
  --kind-shop:#40C8E0;
  --kind-load:#BF5AF2;
  --kind-supply:#30D158;
  --kind-office:#40C8E0;
  --kind-home:#8E8E93;
  --kind-gap:rgba(255,255,255,.14);
  --kind-job-soft:rgba(10,132,255,.20);
  --kind-drive-soft:rgba(255,159,10,.20);
  --kind-shop-soft:rgba(64,200,224,.20);
  --kind-load-soft:rgba(191,90,242,.20);
  --kind-supply-soft:rgba(48,209,88,.20);
  --kind-office-soft:rgba(64,200,224,.20);
  --kind-home-soft:rgba(142,142,147,.22);
  --kind-job-ink:#5CAEFF;--kind-site-ink:#5CAEFF;
  --kind-drive-ink:#FFB340;
  --kind-shop-ink:#6FD8EA;
  --kind-load-ink:#D08CF7;
  --kind-supply-ink:#5FDD80;
  --kind-office-ink:#6FD8EA;
  --kind-home-ink:#B4B4BA;
}