/**
 * Identidad de marca ¿Dónde Puedo...? — ronda de rediseño (24/08).
 *
 * TODO el cambio de paleta/tipografía/radios vive en ESTE ÚNICO archivo, a
 * propósito: no se ha tocado ni una línea de auth.css/front.css/header.css/
 * etc. El plugin ya usaba variables CSS (--dp-primary, --dp-turquesa,
 * --dp-text, --dp-bg, --dp-border...) con un valor de respaldo en cada
 * var(--dp-x, #valor) — pero nunca las declaraba en un :root centralizado
 * más que sueltas y duplicadas en auth.css/header.css/home.css. Esta hoja
 * se encola DESPUÉS que cualquier otra (ver class-brand.php, prioridad 50
 * en wp_enqueue_scripts) así que su :root gana la cascada sobre todos los
 * anteriores para las mismas variables, y todo el sitio (fichas, buscador,
 * paneles, tablón, cabecera, pie, blog) hereda la nueva paleta sin editar
 * cada hoja de estilos una por una.
 *
 * PARA REVERTIR AL INSTANTE: DondePuedo → Diseño de marca → desactivar
 * (o, en último caso, borrar este archivo) — todo vuelve a los valores de
 * respaldo tal como estaba antes de esta ronda, porque ningún otro archivo
 * ha cambiado.
 */

:root {
    /* Color principal — el plugin ya usaba una variante de turquesa
       (#08a9bd) como color de marca; aquí se formaliza como el oficial y
       se unifican los dos nombres de variable que el código ya usaba para
       lo mismo (--dp-primary y --dp-turquesa) al mismo valor. */
    --dp-primary:        #08AFC1;
    --dp-primary-dark:   #078E9D;
    --dp-primary-light:  #3FC6D4;
    --dp-turquesa:       #08AFC1;
    --dp-turquesa-dark:  #078E9D;
    --dp-turquesa-light: #3FC6D4;

    --dp-text:        #102A43;
    --dp-text-muted:  #5A7184;
    --dp-bg:          #F7FAFC;
    --dp-bg-tint:     #E8F9FB;
    --dp-bg-page:     #FFFFFF;
    --dp-border:      #E2E8F0;

    --dp-accent:      #F5A623;
    --dp-accent-bg:   #FEF3E2;
    --dp-success:     #35A66F;
    --dp-success-bg:  #E7F6EE;
    --dp-error:       #DC2626;
    --dp-error-bg:    #FEF2F2;

    --dp-radius-card: 18px;
    --dp-radius-btn:  12px;
    --dp-radius-chip: 999px;
    --dp-radius:      12px; /* alias del único var(--dp-radius) que ya existía (auth.css), antes 10px */

    --dp-font: 'Manrope', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Tipografía: Manrope en toda la superficie del plugin. body cubre el
   grueso por herencia (font-family:inherit es lo que usa casi todo el
   CSS existente); las dos excepciones que fijaban su propio stack
   (.dp-auth-wrap y su tarjeta) se listan explícitamente porque una
   declaración igual de específica en un archivo cargado antes no cede
   paso a "body" por herencia. */
body,
.dp-auth-wrap,
.dp-auth-card {
    font-family: var(--dp-font);
}

/* Radio de tarjetas (18px) — se enumeran los contenedores de tarjeta
   "de verdad" (la unidad visual completa: ficha, evento, curso, anuncio
   del tablón, profesional...), no cada sub-bloque interior de cada una. */
.dp-auth-card,
.dp-servicio-card,
.dp-event-card,
.dp-archive-card,
.dp-activity-card,
.dp-facility-card,
.dp-similar-card,
.dp-course-card,
.dp-lugar-card,
.dp-info-card,
.dp-professional-card,
.dp-tablon-card,
.dp-tablon-detalle-card {
    border-radius: var(--dp-radius-card) !important;
}

/* Radio de botones (12px, dentro del rango 10-12px pedido). */
.dp-btn,
.dp-header-btn-outline,
.dp-header-btn-cta,
.dp-btn-outline {
    border-radius: var(--dp-radius-btn) !important;
}

/* Radio de chips (completamente redondeados). */
.dp-chip,
.dp-account-chip,
.dp-archive-chip,
.dp-lugar-chip,
.dp-search-result-chip {
    border-radius: var(--dp-radius-chip) !important;
}