/* ============================================================================
   MindForge Capital — premium finishing touches (shared, additive)
   ----------------------------------------------------------------------------
   A cohesive layer applied across EVERY page so the whole site (marketing
   pages, dashboard, screener, auth, legal) feels uniformly refined:
     • Branded text selection
     • Mobile tap-highlight tint
     • A thin, branded scrollbar (desktop / pointer devices)
   Values mirror the homepage's canonical styling, so pages that already define
   these are visually unchanged — this just fills the gaps on the rest of the
   site (the dashboard & auth pages had no branded selection; no page had a
   custom scrollbar or tap-highlight).
   ========================================================================== */

::selection      { background: rgba(26,80,216,0.18); color: var(--white, #0c1831); }
::-moz-selection { background: rgba(26,80,216,0.18); color: var(--white, #0c1831); }

html {
  -webkit-tap-highlight-color: rgba(26,80,216,0.12);
  scrollbar-width: thin;
  scrollbar-color: rgba(37,99,235,0.28) transparent;
}

/* Refined branded scrollbar — pointer (desktop) devices only; touch keeps the
   native overlay scrollbar. */
@media (pointer: fine) {
  ::-webkit-scrollbar { width: 11px; height: 11px; }
  ::-webkit-scrollbar-track { background: transparent; }
  ::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, rgba(26,80,216,0.42), rgba(8,145,178,0.42));
    border-radius: 10px;
    border: 3px solid transparent;
    background-clip: content-box;
  }
  ::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, rgba(26,80,216,0.72), rgba(8,145,178,0.72));
    border: 3px solid transparent;
    background-clip: content-box;
  }
  ::-webkit-scrollbar-corner { background: transparent; }
}

/* ============================================================================
   V8.7 — modern refinement layer (shared, additive, NO colour change)
   ----------------------------------------------------------------------------
   A uniform modern finish on EVERY page, reusing the existing brand palette:
     • Crisp font rendering — fills the gap on the auth / legal / admin / 404
       pages (the 7 marketing pages already set antialiasing; same value here).
     • Smooth in-page scrolling everywhere (reduced-motion aware).
     • One consistent keyboard-only brand focus ring. Declared with :where()
       so its specificity is 0 — pages that already ship a tuned :focus-visible
       keep theirs; this only fills the gaps, never overrides.
   ========================================================================== */

html { scroll-behavior: smooth; }

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

:where(a, button, input, select, textarea, summary, [tabindex], [role="button"]):focus-visible {
  outline: 2px solid rgba(37, 99, 235, 0.60);
  outline-offset: 2px;
}

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