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

:root {
    --primary: #3b82f6;
    --emerald: #10b981;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: #000000;
    margin: 0;
    padding: 0;
}

#pcb-canvas {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none; /* Pozwól na klikanie przez canvas */
}

/* Custom selection */
::selection {
    background: rgba(59, 130, 246, 0.4);
    color: white;
}

/* Smooth scrolling for anchor links */
html {
    scroll-behavior: smooth;
}

/* Glass effect for navbar */
nav {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* Responsive fixes for landing page elements */
@media (max-width: 768px) {
    h1 {
        line-height: 1.1 !important;
    }
}

/* Hover effects for cards */
.group:hover .group-hover\:translate-x-1 {
    transform: translateX(0.25rem);
}