/* ============================================================
 * DonPrecio Tools — Theme Override
 * Se carga únicamente cuando el tema activo es `donprecio`.
 * Redefine los tokens del design system del plugin para que los
 * shortcodes (calculadoras, home) hereden la paleta/tipografía
 * del tema nuevo (civic-editorial). Sin tocar el CSS original.
 * ============================================================ */

:root {
	/* Paleta: blanco + slate + azul */
	--dp-paper:        #FFFFFF;
	--dp-paper-soft:   #F8FAFC;
	--dp-surface:      #FFFFFF;
	--dp-surface-2:    #F1F5F9;
	--dp-ink:          #0F172A;
	--dp-ink-soft:     #334155;
	--dp-muted:        #64748B;
	--dp-line:         #E2E8F0;
	--dp-line-soft:    #F1F5F9;

	--dp-primary:      #0369A1;
	--dp-primary-dark: #075985;
	--dp-primary-tint: #E0F2FE;
	--dp-accent:       #CA8A04;
	--dp-accent-dark:  #A16207;
	--dp-accent-tint:  #FEF3C7;
	--dp-positive:     #16A34A;
	--dp-danger:       #DC2626;
	--dp-warn:         #D97706;

	/* Tipografías del tema */
	--dp-display: 'Newsreader', Georgia, 'Times New Roman', serif;
	--dp-sans:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--dp-mono:    'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

	--dp-radius:    4px;
	--dp-radius-lg: 8px;

	--dp-shadow-soft: 0 1px 2px 0 rgba(15, 23, 42, 0.05);
	--dp-shadow-lift: 0 4px 12px -2px rgba(15, 23, 42, 0.08);
}

/* Ajustes específicos para los headers de las herramientas, ahora que el H1
   del page.php del tema es el principal y el shortcode usa H2. */
.dp-tool-headline {
	font-family: var(--dp-display);
	font-weight: 700;
	font-variation-settings: "opsz" 36;
	font-size: clamp(28px, 4vw + 4px, 40px);
	line-height: 1.12;
	letter-spacing: -0.02em;
	color: var(--dp-ink);
	margin: 0 0 12px;
}

.dp-tool-headline em {
	font-style: italic;
	color: var(--dp-primary);
	font-variation-settings: "opsz" 36;
}

/* Contenedor de la herramienta con bg blanco en lugar de paper */
.dp-tool-container {
	background: var(--dp-paper);
}

.dp-tool-header {
	border-bottom: 1px solid var(--dp-line);
	padding-bottom: 24px;
	margin-bottom: 32px;
}

.dp-tool-header p {
	color: var(--dp-muted);
	font-size: 17px;
	max-width: 640px;
}

/* Forms, cards, inputs heredan tokens, no requieren más override acá. */