/**
 * Base theme styles.
 *
 * @package AriawellTheme
 */

:root {
	--aw-color-text: #111;
	--aw-color-text-muted: #454545;
	--aw-color-bg: #ffffff;
	--aw-color-surface: #ffffff;
	--aw-color-primary: #111827;
	--aw-color-primary-hover: #374151;
	--aw-color-accent: #ff7a00;
	--aw-color-border: #e5e7eb;
	--aw-color-focus: #ff7a00;
	--aw-radius-md: 12px;
	--aw-radius-lg: 20px;
	--aw-shadow-md: 0 12px 32px rgba(15, 23, 42, 0.08);
	--aw-font-sans: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
	--aw-font-display: "Paperlogy", "Pretendard", system-ui, sans-serif;
	--aw-container: min(100% - 2.5rem, 1280px);
	--aw-gutter: clamp(1.25rem, 4vw, 7.5rem);
}

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

body {
	margin: 0;
	color: var(--aw-color-text);
	font-family: var(--aw-font-sans);
	line-height: 1.6;
	background: var(--aw-color-bg);
}

a {
	color: inherit;
	text-decoration: none;
}

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

#main-content {
	width: min(100% - 2rem, 720px);
	margin: 0 auto;
	padding: 2rem 0 3rem;
}

.site-main--404 {
	width: min(100% - 2rem, 560px);
	padding-top: clamp(2rem, 8vw, 4rem);
	padding-bottom: clamp(2rem, 8vw, 4rem);
}