/* PhishDestroy — premium base layer (pd-lux)
   Site-wide "expensive/refined" polish. Safe + additive: universal typography,
   focus, selection, scrollbar, and the gradient-heading visibility fix.
   Load LAST in <head> so the heading fix wins the cascade. */

/* crisp type rendering + refined tracking on display headings */
html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
h1, h2, .main-heading, .hero-h1-solid, .section-header .main-heading { letter-spacing: -0.018em; }

/* guarantee gradient section headings are always visible (some rendered transparent) + one consistent style */
.container .section-header .main-heading,
.pd-container .section-header .main-heading,
.section-header .main-heading.gradient-text {
  background: linear-gradient(90deg, #eaf2ff, #6fe7c0) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: #e6eef7;
  line-height: 1.15 !important;
}

/* premium selection + accessible focus ring */
::selection { background: rgba(34, 197, 94, 0.28); color: #fff; }
:focus-visible { outline: 2px solid rgba(52, 211, 153, 0.75); outline-offset: 2px; border-radius: 6px; }

/* smooth in-page scroll (motion-safe) */
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }

/* refined thin scrollbar */
* { scrollbar-width: thin; scrollbar-color: rgba(148, 163, 184, 0.35) transparent; }
::-webkit-scrollbar { width: 11px; height: 11px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(148, 163, 184, 0.28); border-radius: 8px; border: 3px solid transparent; background-clip: content-box; }
::-webkit-scrollbar-thumb:hover { background: rgba(148, 163, 184, 0.5); background-clip: content-box; }
