/* ABSYS — Custom CSS (Tailwind handles the rest) */

::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #3b82f6; border-radius: 3px; }
.dark ::-webkit-scrollbar-thumb { background: #60a5fa; }

.prose-custom p { color: #5a6a7a; line-height: 1.85; margin-bottom: 1rem; font-size: 0.95rem; }
.dark .prose-custom p { color: #8892a8; }
.prose-custom strong { color: #1e2a38; }
.dark .prose-custom strong { color: #e0e6ee; }

.fade-in { opacity: 0; transform: translateY(16px); transition: opacity 0.55s ease, transform 0.55s ease; }
.fade-in.visible { opacity: 1; transform: translateY(0); }

.animate-fade-up { animation: fadeUp 0.6s ease-out both; }
.animate-fade-up-d1 { animation: fadeUp 0.6s ease-out 0.08s both; }
.animate-fade-up-d2 { animation: fadeUp 0.6s ease-out 0.16s both; }
.animate-fade-up-d3 { animation: fadeUp 0.6s ease-out 0.24s both; }
.animate-fade-up-d4 { animation: fadeUp 0.6s ease-out 0.32s both; }
@keyframes fadeUp { from { opacity:0; transform:translateY(24px); } to { opacity:1; transform:translateY(0); } }

.animate-slide-in { animation: slideIn 0.3s ease-out; }
@keyframes slideIn { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }

.htmx-indicator { display: none; }
.htmx-request .htmx-indicator { display: inline-flex; }