/*
Base rules for the Airworthy website: box model, body, focus ring, screen-reader class, side gutter, Calm mode.
Every value comes from tokens.css. Elementor styles links, paragraphs, headings, lists and images, so nothing here does.
Last task: T-010. Date: 2026-10-21.
*/

*,
*::before,
*::after {
	box-sizing: border-box;
}

body {
	background: var(--paper);
	color: var(--ink);
	font-family: var(--body);
	font-size: var(--fs-body);
	line-height: var(--lh-body);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	overflow-x: clip;
	-webkit-tap-highlight-color: transparent;
}

/* Dark surfaces: --signal is 5.2:1 on ink, so the ring goes back to orange there. */
.aw-band-ink,
.aw-guide,
.aw-calc,
body.aw-has-hero .aw-head {
	--focus: var(--signal);
}

:focus-visible {
	outline: 3px solid var(--focus);
	outline-offset: 3px;
}

.aw-sr {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.aw-wrap {
	padding-left: max(var(--pad), env(safe-area-inset-left, 0px));
	padding-right: max(var(--pad), env(safe-area-inset-right, 0px));
}

html.calm *,
html.calm *::before,
html.calm *::after {
	animation: none !important;
	transition: none !important;
	scroll-behavior: auto !important;
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation: none !important;
		transition: none !important;
		scroll-behavior: auto !important;
	}
}