/*
 * Re-skin for pages built before the new theme (Elementor HTML blocks with their own embedded styles).
 * They all use the same CSS variable names, so remapping the variables moves colours and fonts onto the
 * new palette without touching the pages. Everything is scoped under .elementor.
 */
html body .elementor,
html body .elementor * {
	/* blog-system names (founder, vision, contact, services, web design) */
	--blue: #1c6fd9;
	--blue-dark: #0b3a5b;
	--blue-on-dark: #f2b544;
	--navy: #0b3a5b;
	--off-white: #f6f4ee;
	--slate: #5b6b68;
	--slate-light: #8a9794;
	--tint: #f3efe6;
	--blue-tint: #f3efe6;
	--blue-tint-2: #ebe6db;
	--border: #ebe6db;
	--border-strong: #d8d2c4;
	--border-dark: rgba(255, 255, 255, .18);
	--gold: #f2b544;
	--font-head: 'Manrope', system-ui, sans-serif;
	--font-body: 'Manrope', system-ui, sans-serif;
	--font-mono: ui-monospace, 'SFMono-Regular', Menlo, monospace;
	/* client-brief names */
	--ink: #12211f;
	--mute: #5b6b68;
	--ocean: #0b3a5b;
	--sand: #f6f4ee;
	--line: #ebe6db;
}

/* Fonts: headings and body use the site fonts; literal font names in the old styles are overridden too */
.elementor :is(h1, h2, h3, h4, h5, h6) { font-family: 'Manrope', system-ui, sans-serif; letter-spacing: -.03em; }
.elementor :is(h1, h2) { font-weight: 800; }
.elementor :is(p, li, td, th, label, input, select, textarea, button, small, figcaption, blockquote) { font-family: 'Manrope', system-ui, sans-serif; }
/* The italic accent words inside headlines use the site's serif italic */
.elementor :is(h1, h2, h3) em { font-family: 'Instrument Serif', Georgia, serif; font-style: italic; font-weight: 400; font-size: 1.08em; letter-spacing: -.01em; }

/* Primary buttons: the site's orange pill */
.elementor :is(a, button)[class*="btn"]:not([class*="ghost"]):not([class*="outline"]):not([class*="secondary"]):not([class*="light"]),
.elementor button[type="submit"],
.elementor input[type="submit"] {
	background: #f08a3c;
	border-color: #f08a3c;
	color: #fff;
	border-radius: 999px;
	font-weight: 800;
	transition: background .2s, transform .2s;
}
.elementor :is(a, button)[class*="btn"]:not([class*="ghost"]):not([class*="outline"]):not([class*="secondary"]):not([class*="light"]):hover,
.elementor button[type="submit"]:hover,
.elementor input[type="submit"]:hover { background: #e07a2c; border-color: #e07a2c; color: #fff; transform: translateY(-1px); }

/* Form fields match the rest of the site */
.elementor :is(input[type="text"], input[type="email"], input[type="tel"], input[type="url"], select, textarea) {
	border-radius: 16px;
	border-color: #ebe6db;
	background: #fbfaf6;
	box-shadow: none;
}
.elementor :is(input, select, textarea):focus { outline: 2px solid #1c6fd9; outline-offset: 1px; background: #fff; }

/* Sections sit on the site's cream, with a softer card radius */
.elementor { background: var(--mc-bg, #f6f4ee); }
.elementor :is([class*="-card"], [class*="-box"], [class*="-panel"], [class*="__card"]) { border-radius: 22px; }