html { scroll-behavior: smooth; }
:root {
    --bg-color: #ffffff;
    --text-color: #000000;
    --primary-color: #7A5CBA;
    --secondary-color: #C3AEDB;
    --accent-color: #E8DFF5;
}
[data-theme="dark"] {
    --bg-color: #0f0f0f;
    --text-color: #ffffff;
    --primary-color: #9D7BEA;
    --secondary-color: #4A3B69;
    --accent-color: #2A213D;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
    font-family: 'Montserrat', sans-serif;
    background-color: var(--bg-color);
    color: var(--text-color);
    transition: background-color 0.4s ease, color 0.4s ease;
    overflow-x: hidden;
}
#particleCanvas {
    position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: -1 !important;
    pointer-events: none;
}
.page-body #particleCanvas { pointer-events: all; }
main, .form-container, .navbar { position: relative; z-index: 1; }

.main-content {
    position: relative; z-index: 2; padding-top: 100px;
}

/* Impedir selección de texto en toda la página */
body {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

/* Bloquea el scroll del body cuando un modal está abierto */
.no-scroll {
    overflow: hidden !important;
}