/* 3.14 GLOBAL STYLES */
body { margin: 0; }

.cursor-crosshair { cursor: crosshair; }

/* Custom Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--scroll-track, #0a0a0a); }
::-webkit-scrollbar-thumb { background: #333; border-radius: 0px; }
::-webkit-scrollbar-thumb:hover { background: #555; }

/* Utilities */
.animate-spin-slow { animation: spin 8s linear infinite; }
@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

.blueprint-grid {
    background-image: linear-gradient(#111 1px, transparent 1px), linear-gradient(90deg, #111 1px, transparent 1px);
    background-size: 40px 40px;
}

.clarity-active { background-color: #111; color: white; }

/* Custom Selection Colors based on Mode */
body.bg-\[\#0a0a0a\] ::selection { background-color: white; color: black; }
body.bg-\[\#F4F4F4\] ::selection { background-color: black; color: white; }
body.bg-black ::selection { background-color: #dc2626; color: white; } /* Red for Narrative/Direct */