/* ClearCut — Global styles (Tailwind handles most, this is the supplement) */

/* Screen fade-in animation */
.screen {
  animation: fadeIn 0.2s ease-out;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Smooth scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f2f3ff; }
::-webkit-scrollbar-thumb { background: #c2c6d9; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #737687; }

/* Selection */
::selection { background: #dbe1ff; color: #00174b; }