/* CR-065 - Dashbox's accent colour, one token. Interactive elements only (buttons, links, the
   active admin item) - never on data: cards, charts and triggers keep their own colours
   (CR-040/044). CR-069: Ocean (docs/brand/PROFILE.md section 4) replaces CR-065's orange - orange
   is the owner's (Dolutions) and stays inside the mark only. White on Ocean 5.4:1, on the hover
   shade 7.3:1; Ocean text on white 5.4:1 - WCAG AA. On a dark surface the accent is #22B3CC; the
   app has no dark theme yet, so only the dark mark and the favicon use it. Loaded by the card view
   and, via nav.js, every admin page. */
:root {
  --accent: #0E7490;          /* fill */
  --accent-hover: #155E75;    /* fill on hover */
  --accent-ink: #ffffff;      /* text on the fill */
  --accent-text: #0E7490;     /* links and accent text on white */
  --accent-text-hover: #155E75;
}
a { color: var(--accent-text); }
a:hover { color: var(--accent-text-hover); }
.primary, a.btn.primary {
  background: var(--accent); border: 1px solid var(--accent); color: var(--accent-ink);
  font-weight: 600; cursor: pointer;
}
.primary:hover, a.btn.primary:hover { background: var(--accent-hover); border-color: var(--accent-hover); color: #fff; }
.primary:disabled { opacity: .55; cursor: default; }