/* Space Game Room public brand system.
 *
 * The homepage is the visual source of truth. Page templates keep their
 * information architecture and interaction styles, but share this palette,
 * surface language, and control rhythm.
 */

:root {
	--sgr-brand-bg: #f9f8f5;
	--sgr-brand-surface: #fff;
	--sgr-brand-ink: #020305;
	--sgr-brand-muted: #656565;
	--sgr-brand-line: #e5e5e5;
	--sgr-brand-soft: #ece9e2;
	--sgr-brand-accent: #e62578;
	--sgr-brand-accent-dark: #c91b65;
	--sgr-brand-dark: #020305;
	--sgr-brand-focus: #e62578;
	--sgr-brand-radius: 3px;
}

body:not(.home) {
	background: var(--sgr-brand-bg);
	color: var(--sgr-brand-ink);
}

/* Older global inline CSS forced every non-home surface to navy. Keep the
 * outer page canvas on the homepage's off-white tone and let page templates
 * opt into their own white/pink sections explicitly. */
body:not(.home),
body:not(.home) .site,
body:not(.home) .wp-site-blocks {
	background-color: var(--sgr-brand-bg) !important;
}

body:not(.home) .uagb-container {
	background-color: transparent !important;
}

body:not(.home) .sgr-site-footer {
	background: var(--sgr-brand-dark);
	color: rgba(255, 255, 255, 0.76);
}

/* Match the homepage footer text treatment site-wide. */
body:not(.home) .sgr-footer-nav a {
	color: rgba(255, 255, 255, 0.76);
}

body:not(.home) .sgr-footer-nav a:hover {
	color: #fff;
	text-decoration: none;
}

body:not(.home) .sgr-page-wrap,
body:not(.home) .sgr-loop-wrap {
	color: var(--sgr-brand-ink);
	background: var(--sgr-brand-bg);
}

body:not(.home) .sgr-page-title {
	color: var(--sgr-brand-ink);
	font-family: "Do Hyeon", "Noto Sans KR", sans-serif;
	font-weight: 400;
	letter-spacing: -0.035em;
}

body:not(.home) .sgr-page-content a,
body:not(.home) .sgr-page-wrap a {
	color: var(--sgr-brand-accent);
}

body:not(.home) .sgr-page-content a:hover,
body:not(.home) .sgr-page-wrap a:hover {
	color: var(--sgr-brand-accent-dark);
}

/* Page-specific files consume these aliases so one edit keeps the public
 * surfaces visually related without changing their markup or data flow. */
.sgr-about,
.sgr-blog,
.sgr-branches,
.sgr-faq,
.sgr-contact,
.sgr-detail {
	--sgr-page-bg: var(--sgr-brand-surface);
	--sgr-page-soft: var(--sgr-brand-bg);
	--sgr-page-ink: var(--sgr-brand-ink);
	--sgr-page-muted: var(--sgr-brand-muted);
	--sgr-page-line: var(--sgr-brand-line);
	--sgr-page-accent: var(--sgr-brand-accent);
	--sgr-page-accent-dark: var(--sgr-brand-accent-dark);
	--sgr-page-radius: var(--sgr-brand-radius);
}

/* Non-home page CTAs should carry the same compact, high-contrast rhythm as
 * the homepage buttons. */
.sgr-about .sgr-btn,
.sgr-blog .sgr-btn,
.sgr-branches .sgr-btn,
.sgr-faq .sgr-btn,
.sgr-contact .sgr-btn,
.sgr-detail .sgr-btn {
	min-height: 48px;
	padding-inline: 23px;
	border-width: 1px;
	font-size: 0.94rem;
	font-weight: 800;
}

/* Homepage secondary buttons are transparent with an ink border; the page
 * templates shipped a white fill. Match the homepage treatment. */
.sgr-about .sgr-btn-secondary,
.sgr-blog .sgr-btn-secondary,
.sgr-branches .sgr-btn-secondary,
.sgr-faq .sgr-btn-secondary,
.sgr-contact .sgr-btn-secondary,
.sgr-detail .sgr-btn-secondary {
	background-color: transparent;
}

.sgr-about a:focus-visible,
.sgr-blog a:focus-visible,
.sgr-branches a:focus-visible,
.sgr-faq a:focus-visible,
.sgr-contact a:focus-visible,
.sgr-detail a:focus-visible {
	outline-color: var(--sgr-brand-focus);
}

@media (prefers-reduced-motion: reduce) {
	body:not(.home) *,
	body:not(.home) *::before,
	body:not(.home) *::after {
		animation-duration: 0.01ms !important;
		transition-duration: 0.01ms !important;
	}
}