/* External markup round (2026-09-10): accent-colour pins that cut across
 * pages. Pins 11, 68 and 90 in .claude/markup-review-2026-09-10.json.
 *
 * #1897FF is the light blue the About timeline already uses for its year
 * labels (wp_block 132) and the comparison table for its highlight column
 * (--cmp-cmpn-ring3). It is design-specified but not a theme.json token, so it
 * is written literally here, once, as --cmp-accent-blue.
 */

:root {
	--cmp-accent-blue: #1897ff;
}

/* ---------------------------------------------------------------------
 * Pin 68 — section eyebrows move from the blue-grey to the bright blue.
 *
 * Allison pinned the gap between the timeline's "1948" and the "OUR TEAM"
 * eyebrow directly below it: "can we use this blue some more throughout? it is
 * much easier to read than the blue/grey."
 *
 * The eyebrow signature is a theme-05 paragraph at the x-small preset. That
 * pair is unique to eyebrows — the only other theme-05 elements on any page
 * are the footer's social list items and the news cards' date divs, which
 * both keep the blue-grey.
 *
 * Colour only. Deviation 1 in .claude/figma-artifacts/DEVIATIONS.md (the
 * Century Gothic Pro -> DM Sans alias) still governs the face.
 * ------------------------------------------------------------------ */
p.has-theme-05-color.has-x-small-font-size {
	color: var(--cmp-accent-blue) !important;
}

/* ---------------------------------------------------------------------
 * Pin 11 — contact "Reach Out Directly" email link.
 *
 * It shipped in theme-03 (#0F5B99), which on the #040B20 panel is close to
 * unreadable. Same bright blue as the eyebrows above.
 * ------------------------------------------------------------------ */
.cmp-contact-reach a[href^="mailto:"],
.cmp-contact-reach a[href^="tel:"] {
	color: var(--cmp-accent-blue);
}

.cmp-contact-reach a[href^="mailto:"]:hover,
.cmp-contact-reach a[href^="mailto:"]:focus-visible,
.cmp-contact-reach a[href^="tel:"]:hover,
.cmp-contact-reach a[href^="tel:"]:focus-visible {
	color: var(--wp--preset--color--theme-01);
}