/* Configuración de colores personalizada */
:root {
    --color-violet: #A259FF;
    --color-cyan: #26D0CE;
    --color-black: #000000;
    --color-dark-gray: #121212;
    --color-white: #FFFFFF;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--color-black);
    color: var(--color-white);
}

/* Gradiente de Firma */
.text-gradient {
    background: linear-gradient(90deg, var(--color-violet) 0%, var(--color-cyan) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-brand {
    background: linear-gradient(135deg, var(--color-violet) 0%, var(--color-cyan) 100%);
}

/* Borde con gradiente */
.border-gradient {
    position: relative;
}

.border-gradient::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 1.5rem; 
    padding: 1px; 
    background: linear-gradient(135deg, var(--color-violet), var(--color-cyan)); 
    -webkit-mask: 
       linear-gradient(#fff 0 0) content-box, 
       linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor; 
    mask-composite: exclude; 
    pointer-events: none;
}