@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');

body {
    font-family: 'Inter', sans-serif;
}

/* Blender Node Aesthetic */
.node-shadow {
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.socket-glow.active {
    box-shadow: 0 0 10px 2px rgba(77, 166, 255, 0.6);
}

.dragging {
    cursor: grabbing !important;
}

/* Base custom classes to match node aesthetics */
.bg-nodeBg {
    background-color: #2d2d2d;
}
.bg-nodeHeader {
    background-color: #383838;
}
.border-nodeBorder {
    border-color: #1a1a1a;
}
.bg-socket {
    background-color: #a6a6a6;
}
.bg-viewerBg {
    background-color: #212121;
}

/* Ensure sockets keep aspect and sit on edges correctly */
.output-socket, .input-socket {
    transform: translate(50%, 0);
}
#viewer-socket {
    transform: translate(-50%, 0);
}