/* ============================================================
   CHAI WITH SENPAI — Global Styles
============================================================ */
/* Brave / Firefox colour-scheme override fix.
   forced-color-adjust: none stops the browser from
   substituting system colours over our custom palette. */
html {
  forced-color-adjust: none;
  -webkit-forced-color-adjust: none;
}

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

body {
  min-height: 100vh;
  overflow-x: hidden;
  forced-color-adjust: none;
  -webkit-forced-color-adjust: none;
}

button {
  cursor: pointer;
  border: none;
  outline: none;
}

input,
textarea,
select {
  font-family: inherit;
  outline: none;
}

img {
  max-width: 100%;
}

a {
  text-decoration: none;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: rgba(128, 128, 128, 0.3);
  border-radius: 3px;
}

/* Particle float animation (injected dynamically by React but also available globally) */
@keyframes cwsFloat {
  0%   { transform: translateY(0) rotate(0deg);      opacity: 0;   }
  8%   {                                              opacity: 0.16;}
  92%  {                                              opacity: 0.16;}
  100% { transform: translateY(-110vh) rotate(360deg); opacity: 0; }
}
/* Add to the bottom of style.css */


/* Logo spinning ring animation */
@keyframes cwsLogoSpin {
  0%   { transform: rotate(0deg);   }
  100% { transform: rotate(360deg); }
}

/* if inside navbar */
.nav-logo-img {
  height: 52px;
  width: 52px;
  object-fit: cover;
  border-radius: 50%;
  display: block;
  transition: transform 0.4s cubic-bezier(0.34,1.56,0.64,1);
}
.nav-logo-img:hover {
  transform: scale(1.13) rotate(-4deg);
}