/* ================================
   GLOBAL THEME – VISHUDDHASWAR
   Primary: Soft Blue
   Secondary: Light Sky Blue
================================ */

:root{
  --primary:#2f80ed;        /* main soft blue */
  --primary-dark:#1f6fd6;   /* hover / active */
  --secondary:#eaf3ff;      /* very light blue */
}

/* -------- TEXT SELECTION -------- */
::selection{
  background: var(--primary);
  color: #ffffff;
}

::-moz-selection{
  background: var(--primary);
  color: #ffffff;
}

/* -------- INPUT / TEXTAREA SELECTION -------- */
input::selection,
textarea::selection{
  background: var(--primary);
  color: #ffffff;
}

/* -------- FOCUS STATES -------- */
input:focus,
textarea:focus,
select:focus{
  outline: none;
  border-color: var(--primary);
  box-shadow: 0 0 0 3px rgba(47,128,237,0.25);
}

/* -------- LINKS -------- */
a{
  color: var(--primary);
}
a:hover{
  color: var(--primary-dark);
}

/* -------- BUTTON ACTIVE -------- */
button:active,
a:active{
  transform: scale(0.97);
}

/* -------- SCROLLBAR (CLEAN & LIGHT) -------- */
::-webkit-scrollbar{
  width: 10px;
}
::-webkit-scrollbar-track{
  background: var(--secondary);
}
::-webkit-scrollbar-thumb{
  background: linear-gradient(var(--primary), var(--primary-dark));
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover{
  background: var(--primary-dark);
}