:root {
    --p-primary-color: #141314;
    --p-primary-contrast-color: #ffffff;
    --p-primary-50: #e8e7e8;
    --p-primary-100: #c4c4c4;
    --p-primary-200: #8a898a;
    --p-primary-300: #4f4e4f;
    --p-primary-400: #2c2b2c;
    --p-primary-500: #141314;
    --p-primary-600: #121112;
    --p-primary-700: #100f10;
    --p-primary-800: #0e0d0e;
    --p-primary-900: #0b0a0b;
}
/* Redondear botones y darles profundidad */
.btn, .button, .card {
    border-radius: 8px !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}

/* Efecto al pasar el ratón */
.btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.15);
}