/* Inner pages (Cases, News & events, Contact, the policies, 404, search) in the 2026 house
   style. These pages still render through boolean-fse's templates and blocks, which take every
   colour, font and radius from its tokens. Redefining those tokens here moves all of them to the
   new style at once; component fixes follow below.

   Defined on body.b27-inner rather than :root, so they also win over WordPress's inline global
   styles, which print their own :root presets after the theme's stylesheets. */

/* === Tokens: the blue Fluent ramp mapped onto Boolean 2026 === */
body.b27-inner{
	/* Theme ramp: blauw for accents, nacht at the dark end, derived tints at the light end. */
	--boo-theme-darker:#1C0A3A;
	--boo-theme-dark:#2E14D6;
	--boo-theme-dark-alt:#2E14D6;
	--boo-theme-primary:#3C1EFA;
	--boo-theme-secondary:#3C1EFA;
	--boo-theme-tertiary:#A99BFF;
	--boo-theme-light:#C9C2DC;
	--boo-theme-lighter:#E3DFEE;
	--boo-theme-lighter-alt:#F4F2FA;

	/* Neutrals: ink and ink-muted for text, surface-alt and border-subtle for grounds and rules. */
	--boo-neutral-dark:#1C0A3A;
	--boo-neutral-primary:#1C0A3A;
	--boo-neutral-primary-alt:#2A1A4F;
	--boo-neutral-secondary:#5E5470;
	--boo-neutral-secondary-alt:#5E5470;
	--boo-neutral-tertiary:#8C82A3;
	--boo-neutral-tertiary-alt:#C9C2DC;
	--boo-neutral-quaternary:#D9D4E6;
	--boo-neutral-quaternary-alt:#E3DFEE;
	--boo-neutral-light:#E3DFEE;
	--boo-neutral-lighter:#F4F2FA;
	--boo-neutral-lighter-alt:#F4F2FA;

	/* Roles. A ground is white or nacht, never a blue band; paars is for eyebrows. */
	--text-primary:#1C0A3A;
	--text-secondary:#5E5470;
	--text-link:#3C1EFA;
	--text-link-hover:#2E14D6;
	--text-accent:#3C1EFA;
	--surface-accent:#3C1EFA;
	--surface-accent-hover:#2E14D6;
	--surface-accent-pressed:#2E14D6;
	--surface-inverse:#1C0A3A;

	/* WordPress presets that content blocks reference by name. */
	--wp--preset--color--boo-theme-primary:#3C1EFA;
	--wp--preset--color--boo-theme-darker:#1C0A3A;
	--wp--preset--color--neutral-primary:#1C0A3A;
	--wp--preset--color--neutral-secondary:#5E5470;

	/* Type and radii. */
	--font-sans:"DM Sans","Segoe UI",system-ui,sans-serif;
	--radius-sm:6px;
	--radius-md:12px;
	--radius-lg:24px;

	font-family:var(--font-sans);
	color:var(--text-primary);
}

/* === Headings: Poppins 600 === */
body.b27-inner :is(h1,h2,h3,h4){font-family:"Poppins","Segoe UI",system-ui,sans-serif;font-weight:600}

/* === Hero caption: text on a photo sits on a solid nacht panel, not a translucent navy one ===
   layout.css hard-codes rgba(10,47,93,.82) here instead of using a token. */
body.b27-inner .boolean-hero__content{background-color:#1C0A3A}

/* === Fluent Forms (Contact): the form's own styler sets #1152A3 and Arial on the button and
   Noto Sans on the labels, after the theme's CSS, hence !important where it uses it too. === */
body.b27-inner .fluentform{--fluentform-primary:#3C1EFA}
body.b27-inner .fluentform :is(label,.ff-el-input--label label,.ff-el-form-check-label,legend){font-family:var(--font-sans)!important;color:var(--text-primary)}
body.b27-inner .fluentform .ff-el-form-control{border-color:#D9D4E6;border-radius:var(--radius-sm)}
body.b27-inner .fluentform .ff-el-form-control:focus{border-color:#3C1EFA;box-shadow:0 0 0 2px rgba(60,30,250,.18)}
body.b27-inner .fluentform .ff-btn-submit{background-color:#3C1EFA!important;border-color:#3C1EFA!important;color:#fff!important;font-family:var(--font-sans)!important;padding:12px 24px!important}
body.b27-inner .fluentform .ff-btn-submit:hover{background-color:#2E14D6!important;border-color:#2E14D6!important}

/* === No watermarks from the old design system (brand book, Logo's) ===
   A hero without a photo got the old "onblue" background plate on a blue field; it becomes a
   plain nacht ground. Rows, cards, case photos and event cards without an image showed the old
   "OO" mark on a tint; they become a plain surface-alt tile. */
body.b27-inner .boolean-hero--plain{background-color:#1C0A3A;background-image:none}
body.b27-inner :is(.boolean-card__media--placeholder,.boolean-row__media--placeholder,.boolean-case-photo__placeholder,.boolean-event-card__media--placeholder){background-color:#F4F2FA;background-image:none}
