:root {
    --vercol-green: #2D4136;
    --vercol-green-light: rgba(45, 65, 54, 0.15);
    --verde-vercol: #50806D;
    --verde-vercol-shadow: rgba(80, 128, 109, 0.6);
    --complementario-vercol: #805063;
    --complementario-vercol-light: rgba(128, 80, 99, 0.1);
}

.blob-vercol {
    position: absolute;
    z-index: -1;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(128, 80, 99, 0.12) 0%, rgba(128, 80, 99, 0) 70%);
    border-radius: 50%;
    filter: blur(100px);
    top: 50px;
    right: -100px;
    pointer-events: none;
}

.blob-vercol-left {
    position: absolute;
    z-index: -1;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(80, 128, 109, 0.08) 0%, rgba(80, 128, 109, 0) 70%);
    border-radius: 50%;
    filter: blur(100px);
    bottom: -100px;
    left: -100px;
    pointer-events: none;
}

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

/* Custom Nav Scrollbar for mobile */
nav::-webkit-scrollbar {
    display: none;
}

nav {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Base transitions */
.transition-standard {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

h1 {
    font-weight: 700 !important;
    text-shadow: 4px 4px 8px var(--verde-vercol-shadow);
}

.nav-active {
    color: var(--verde-vercol) !important;
    font-weight: 700 !important;
    font-size: 1.15rem !important;
    /* ~30% larger than text-sm (0.875rem) */
    text-decoration: underline !important;
    text-decoration-thickness: 3px !important;
    text-underline-offset: 10px !important;
}

.btn-vercol {
    background-color: var(--verde-vercol) !important;
    box-shadow: 0 10px 15px -3px rgba(80, 128, 109, 0.3) !important;
}

.btn-vercol:hover {
    background-color: #436d5c !important;
}