/*
Theme Name: PiBond
Template: agency-theme
Author: WP SEO AI Web Agency
Description: Child theme for PiBond — faithful port of the PiBond Next.js canvas. Flat ACF Free content model.
Version: 1.0.0
License: GPL-2.0-or-later
Text Domain: pibond
*/

/*
 * Brand tokens. Override only what genuinely differs from the base theme.
 */
:root {
	--wpsa-color-accent: #1d4ed8;
	--wpsa-color-accent-hover: #1e40af;
	--wpsa-color-accent-contrast: #ffffff;

	/* Canvas typography: Titillium Web everywhere, 16px base (the parent's
	   system stack + 17px base would otherwise re-style body and headings). */
	--wpsa-font-body: "Titillium Web", Helvetica, "Droid Sans", "Helvetica Neue", sans-serif;
	--wpsa-font-heading: "Titillium Web", Helvetica, "Droid Sans", "Helvetica Neue", sans-serif;
	--wpsa-text-base: 1rem;
	--wpsa-text-xs: 0.75rem;
	--wpsa-text-sm: 0.875rem;
	--wpsa-text-lg: clamp(1.125rem, 0.4vw + 1.05rem, 1.375rem);
	--wpsa-text-xl: clamp(1.25rem, 0.6vw + 1.05rem, 1.5rem);
	--wpsa-text-2xl: clamp(1.5rem, 1vw + 1.2rem, 2rem);
	--wpsa-text-3xl: clamp(2rem, 2vw + 1.2rem, 3.5rem);
}

/* The canvas reset gives headings none of their own type defaults — they
   inherit the html line-height and the body weight/spacing, and every heading
   carries explicit Tailwind size/weight/leading/tracking classes. The
   framework base, by contrast, forces leading-tight 1.15, weight 650 and
   negative letter-spacing on headings, which visibly drifts from the export
   (e.g. the 1.15 vs 1.5 hero title rhythm). Neutralize so Tailwind controls
   the type exactly like the canvas. */
h1, h2, h3, h4, h5, h6 {
	line-height: inherit;
	letter-spacing: normal;
	font-weight: inherit;
}

/*
 * Decorative blue corner behind the quote image (the canvas referenced a
 * broken absolute /img/black-corner.svg; we self-host the corner asset).
 */
.pibond-corner::after {
	content: "";
	display: block;
	height: 40px;
	width: 40px;
	position: absolute;
	bottom: 0;
	right: 0;
	background-image: url("assets/img/2e426ecfc1a33eb1f5e71f72e5689f13e07180cc04dabe24debbd1a3dd6de9c4.svg");
	background-size: auto 100%;
	background-repeat: no-repeat;
	z-index: 20;
}