/*
 * Page frame for ahmedhelmy.me. Colours and fonts come from the ah-core tokens;
 * the second value in each var() is the fallback when the plugin is off.
 */
body {
	background: var(--ah-ivory, #F7F6F1);
	color: var(--ah-ink, #0A0A0A);
	font-family: var(--ah-f-body, "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, "Segoe UI", Tahoma, sans-serif);
	font-size: 17px;
	line-height: 1.75;
	-webkit-font-smoothing: antialiased;
	overflow-x: clip;
}
h1, h2, h3, h4, h5, h6 {
	font-family: var(--ah-f-display, "Alexandria", "IBM Plex Sans Arabic", system-ui, sans-serif);
	font-weight: 800;
	line-height: 1.26;
	text-wrap: balance;
}
a { color: var(--ah-ink-gold, #7A5F31); }
a:hover { color: var(--ah-ink, #0A0A0A); }
::selection { background: var(--ah-gold-hi, #E8C988); color: var(--ah-deep, #09122A); }
:focus-visible { outline: 2px solid var(--ah-gold, #C5A572); outline-offset: 3px; }

/* Arabic: no italics and no letter-spacing */
:lang(ar) em, :lang(ar) i, :lang(ar) cite { font-style: normal; }
html[lang^="ar"] body { letter-spacing: 0; }

/* Hello's reset paints buttons pink (#c36): bring them into the brand */
[type=button], [type=submit], button {
	border-color: var(--ah-navy, #0F1B3C);
	color: var(--ah-navy, #0F1B3C);
	border-radius: 999px;
}
[type=button]:focus, [type=button]:hover,
[type=submit]:focus, [type=submit]:hover,
button:focus, button:hover {
	background-color: var(--ah-navy, #0F1B3C);
	color: var(--ah-on-navy, #F4F1E8);
}

@media (max-width: 767px) {
	body { font-size: 16.5px; }
}