/**
 * DeadStop Divi Child — Global base styles.
 *
 * Structural/behavioral defaults only — no opinionated finished design.
 * Consumes tokens.css's custom properties; loads after it (see
 * inc/enqueue.php's dependency order).
 */

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

html {
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	background: var(--surface-page);
	color: var(--text-primary);
	font-family: var(--font-body);
	font-size: var(--type-body);
	line-height: var(--body-line);
}

img,
picture,
video,
canvas,
svg {
	display: block;
	max-width: 100%;
	height: auto;
}

/* Accessible focus baseline — visible on every interactive element,
   keyboard-only by default so a mouse click doesn't show an outline a
   sighted mouse user didn't ask for.
   --accent (real orange) is confirmed contrast-safe (WCAG 1.4.11,
   3:1 non-text minimum) against every surface M2 actually builds:
   the black nav and the forest-shadow footer. It is NOT yet safe
   against a future light/paper page-body background — no single
   global value passes on all three; that needs a scoped override once
   light-background components exist. See IMPLEMENTATION_NOTES.md. */
:focus-visible {
	outline: 2px solid var(--accent);
	outline-offset: 2px;
}

/* Skip link — hidden until focused, then pinned to the top-left corner.
   Pairs with inc/accessibility.php's wp_body_open output. */
.skip-to-content {
	position: absolute;
	top: -100px;
	left: 0;
	z-index: var(--z-modal);
	padding: var(--space-3) var(--space-5);
	background: var(--surface-page);
	color: var(--text-primary);
	transition: top var(--dur-fast) var(--ease-standard);
}
.skip-to-content:focus {
	top: 0;
}

/* Reduced-motion baseline — every project built on this theme respects
   this at minimum; individual components may add more specific handling
   in components.css or their own JS. */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}