/* ============================================================
   DATAVORIS — PREMIUM POLISH (shared by the self-contained pages:
   dv-analyzer, dv-assessment, dv-results, studio-preview)

   These pages have their own inline styles and don't load dv-style.css,
   so this small file brings them the same premium refinements.
   Theme-agnostic: the accent follows --polish-accent (defaults to brand
   cyan; studio-preview overrides it to emerald). Remove the <link> to revert.
   ============================================================ */

/* Crisper type rendering — premium feel is mostly typography */
body {
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "cv11", "ss01", "kern";
  font-optical-sizing: auto;
}
/* Modern line-breaking: no orphan words on headings, no ragged paragraphs */
h1, h2, h3, h4 { text-wrap: balance; }
p, li { text-wrap: pretty; }

/* Keep anchored sections clear of the sticky nav */
:where([id]) { scroll-margin-top: 84px; }

/* Branded text selection (accent-tinted; keeps text legible on light bg) */
::selection { background: rgba(0,212,255,0.22); }
::selection { background: color-mix(in srgb, var(--polish-accent, #00d4ff) 24%, transparent); }

/* Accessible, on-brand keyboard focus ring (keyboard nav only) */
:focus-visible {
  outline: 2px solid var(--polish-accent, #00d4ff);
  outline-offset: 3px;
  border-radius: 6px;
}
:focus:not(:focus-visible) { outline: none; }

/* Refined custom scrollbar (tuned for the light page background) */
html { scrollbar-width: thin; scrollbar-color: rgba(8,14,30,0.25) transparent; }
::-webkit-scrollbar { width: 12px; height: 12px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: rgba(8,14,30,0.22);
  border-radius: 999px;
  border: 3px solid #f8faff;
}
::-webkit-scrollbar-thumb:hover { background: rgba(8,14,30,0.38); }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}