/**
 * 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);
	--aw-content-max: 1280px;
	--aw-layout-gutter-x: 40px;
	--aw-header-height: 86px;
}

*,
*::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 {
	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);
}

@media (max-width: 1024px) {
	:root {
		--aw-layout-gutter-x: 30px;
	}
}

@media (max-width: 768px) {
	:root {
		--aw-layout-gutter-x: 20px;
		--aw-header-height: 82px;
	}
}