@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
    body {
        margin: 0;
        overflow: hidden;
        background-color: #0f172a;
        color: white;
        font-family: 'Montserrat', sans-serif;
        touch-action: none;
        /* Prevent scrolling while drawing */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
}

/* Custom Animation Utilities (Tailwind config in HTML mostly handles this, but some specific refinements here) */
.cursor-crosshair {
    /* cursor: crosshair; */
    /* Removed to allow dynamic cursor from script.js */
}

/* Ensure UI overlay doesn't block canvas interactions where needed */
.pointer-events-none {
    pointer-events: none;
}

.pointer-events-auto {
    pointer-events: auto;
}