/*
 * vita-visual.css
 * VitaAvanza shared visual enhancement styles
 * Non-destructive — does NOT override page-level card/component styles.
 */

/* ── Root z-index stack ── */
:root {
  --z-orbs:       0;
  --z-content:    1;
  --z-nav:        100;
  --z-topline:    10000;
}

/* ── Ensure content sits above orbs ── */
body > *:not(#va-orbs):not(#va-topline):not(#site-nav):not(.va-nav-overlay):not(.va-nav-drawer) {
  position: relative;
  z-index: var(--z-content);
}

/* ── Scrollbar styling ── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: rgba(232, 82, 10, 0.2);
  border-radius: 999px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(232, 82, 10, 0.4);
}

/* ── Selection color ── */
::selection {
  background: rgba(232, 82, 10, 0.15);
  color: #1A1A1A;
}