/* View, tema secundário: Noite misturada ao Branco nas superfícies,
   ciano nos acentos, Azul View nas ações. */
html[data-theme=dark] {
  --canvas: #00061c;
  --surface: #0f152a;
  --surface-2: #171c30;
  --surface-3: #21263a;
  --sidebar: #00061c;
  --line: #424757;
  --line-soft: #2e3345;
  --ink: #ffffff;
  --ink-2: #c7c8cd;
  --muted: #a6a8af;
  --accent: #0135fe;
  --accent-ink: #3be5fa;
  --accent-soft: rgba(59, 229, 250, .10);
  --accent-line: rgba(59, 229, 250, .35);
  --on-accent: #ffffff;
  --brand: #0135fe;
  --brand-ink: #3be5fa;
  --brand-soft: rgba(59, 229, 250, .10);
  --good: #6fcf97;
  --good-ink: #6fcf97;
  --good-soft: rgba(111, 207, 151, .14);
  --bad: #eb5757;
  --bad-ink: #f08b8b;
  --bad-soft: rgba(235, 87, 87, .14);
  --series-1: #809aff;
  --series-2: #3be5fa;
  --series-3: #b3b4bb;
  --series-4: #a6b8ff;
  --series-5: #8a8d98;
  --series-6: #ffffff;
  --shadow: 0 18px 40px rgba(0, 6, 28, .35);
  color-scheme: dark;
}
html[data-theme=dark] input[type=date] { color-scheme: dark; }
html[data-theme=dark] .panel--ink { border-color: var(--line); }
html[data-theme=dark] :focus-visible { outline-color: #3be5fa; }
html[data-theme=dark] .nav-link.is-active { color: var(--on-accent); }