:root {
	--ckl-brand-ink: #13263d;
	--ckl-brand-amber: #c8942f;
	--ckl-brand-paper: #fbfaf7;
}

body {
	color: var(--ckl-brand-ink);
	font-family: "Noto Sans HK", "PingFang HK", "Microsoft JhengHei", system-ui, sans-serif;
}

.site-header,
#masthead {
	border-bottom: 1px solid rgba(19, 38, 61, 0.1);
	background: rgba(255, 255, 255, 0.97);
	box-shadow: 0 8px 30px rgba(19, 38, 61, 0.04);
}

.ckl-brand-logo-link {
	display: inline-flex;
	align-items: center;
}

.ckl-brand-logo {
	display: block;
	width: auto;
	height: clamp(44px, 5vw, 58px);
}

.main-header-menu > .menu-item > a,
.main-navigation a {
	color: var(--ckl-brand-ink);
	font-weight: 700;
	letter-spacing: 0.01em;
}

.main-header-menu > .menu-item > a:hover,
.main-navigation a:hover,
.main-header-menu > .current-menu-item > a {
	color: #946817;
}

.site-footer,
#colophon {
	border-top: 1px solid rgba(19, 38, 61, 0.1);
	background: var(--ckl-brand-paper);
}