/* ============================================
   HALLEY — Variables y utilidades globales
   Solo lo que YOOtheme/UIkit no resuelve
   ============================================ */

:root {
    --halley-pink:      #E13685;
    --halley-grey-text: #777777;
    --halley-grey-bg:   #F7F7F7;
    --halley-border:    #E8E8E8;
}

/* === Botón outline rosa (Buy, Learn more) === */
.halley-btn {
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    color: var(--halley-pink);
    background: transparent;
    border: 1px solid var(--halley-pink);
    padding: 6px 24px;
    text-decoration: none;
    transition: all 0.2s ease;
    cursor: pointer;
}

.halley-btn:hover {
    background: var(--halley-pink);
    color: #fff;
    text-decoration: none;
}

/* === Link acento rosa === */
.halley-link {
    color: var(--halley-pink);
    text-decoration: underline;
    font-size: 12px;
}

.halley-link:hover {
    opacity: 0.8;
    text-decoration: underline;
}

/* === Texto gris secundario === */
.halley-text-muted {
    color: var(--halley-grey-text);
    font-size: 12px;
}

/* === Fondo gris recuadros === */
.halley-bg-grey {
    background: var(--halley-grey-bg);
}