/* ====================================================================
   BASE STYLES  —  V J Desai & Co. LLP
   Reset, html/body, links, scrollbar, page system, global content lock.
   Depends on: variables.css
   ==================================================================== */

/* ─── Reset ──────────────────────────────────────────────────────── */
*,*::before,*::after{
  box-sizing:border-box;
  margin:0;
  padding:0;
}

html{ scroll-behavior:smooth; }

body{
  font-family:'Inter',sans-serif;
  background:var(--off);
  color:var(--tdark);
  overflow-x:hidden;
  line-height:1.6;
  font-size:16px;
}

a{
  text-decoration:none;
  color:inherit;
}

button{
  font-family:'Inter',sans-serif;
  cursor:pointer;
  border:none;
}

ul{ list-style:none; }

/* ─── Scrollbar ──────────────────────────────────────────────────── */
::-webkit-scrollbar       { width:4px; }
::-webkit-scrollbar-track { background:var(--navy); }
::-webkit-scrollbar-thumb { background:var(--gold);border-radius:2px; }

/* ─── Page system (legacy SPA toggle — kept for backward compat) ─── */
.vjd-content .page{ display:none; }
.vjd-content .page.active{
  display:block;
  animation:fu .35s ease;
}
@keyframes fu{
  from{ opacity:0; transform:translateY(8px); }
  to  { opacity:1; transform:translateY(0);   }
}

/* ─── Text selection  ────────────────────────────────────────────── */
/* All text is selectable site-wide */
body{
  -webkit-user-select:text;
  -moz-user-select:text;
  -ms-user-select:text;
  user-select:text;
}

/* Disable image drag + remove pointer events */
img{
  -webkit-user-drag:none;
  user-drag:none;
  pointer-events:none;
}

/* Re-enable pointer events on logo images (so they remain clickable) */
.sft-logo img,.navi img,.logo img{ pointer-events:auto; }