/**
 * HOCIN Child Theme baseline styles.
 *
 * Implements only Design System V1.0 foundation tokens and accessibility basics.
 * Component and page styling requires a later approved phase.
 */

:root {
	--hocin-color-background: #f7f7f5;
	--hocin-color-surface: #ffffff;
	--hocin-color-heading: #161616;
	--hocin-color-text: #333333;
	--hocin-color-text-secondary: #6f6f6f;
	--hocin-color-border: #e5e5e2;
	--hocin-color-accent: #d86a2c;
	--hocin-space-xs: 4px;
	--hocin-space-s: 8px;
	--hocin-space-m: 16px;
	--hocin-space-l: 24px;
	--hocin-space-xl: 32px;
	--hocin-space-2xl: 48px;
	--hocin-space-3xl: 64px;
}

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

body {
	background-color: var(--hocin-color-background);
	color: var(--hocin-color-text);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	line-height: 1.6;
}

a {
	color: var(--hocin-color-heading);
	text-decoration-thickness: 1px;
	text-underline-offset: 0.15em;
}

a:hover {
	color: var(--hocin-color-accent);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
	outline: 2px solid var(--hocin-color-accent);
	outline-offset: 3px;
}

img {
	display: block;
	height: auto;
	max-width: 100%;
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		scroll-behavior: auto;
		transition-duration: 0s;
	}
}