/* TOKIVA presentation only. Existing functional selectors and state colors remain. */
:root {
  --ink: #111111;
  --soft: #f5f5f5;
  --blue: #111111;
  --accent: #111111;
  --brand-gray: #a0a0a0;
}
.brand { color: var(--ink); white-space: nowrap; }
.brand span { color: var(--brand-gray); font-weight: inherit; }
.top a { color: var(--sub); }
.customer-nav button[aria-current="page"], .customer-status {
  background: var(--soft);
  color: var(--ink);
}
.customer-card-link:hover h3 { color: var(--ink); }
.booking-choice:hover, .booking-choice.selected { box-shadow: 0 0 0 2px #1111111c; }
button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, a:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: 3px;
}
.pilotage-demo-list { margin-top: 18px; }
.pilotage-demo-value { filter: blur(6px); user-select: none; pointer-events: none; color: var(--ink); }
@media (prefers-reduced-motion: no-preference) {
  .pilotage-demo-value { transition: filter 180ms ease; }
}