/* Auto light / dark — follows device prefers-color-scheme
   Brand accent from Hidden Grounds storefront sign (terracotta frame) */
:root {
	color-scheme: light dark;

	--hg-bg: #faf6f4;
	--hg-bg-elevated: #ffffff;
	--hg-bg-muted: #f3ebe7;
	--hg-surface: #ffffff;
	--hg-text: #1c1917;
	--hg-text-muted: #57534e;
	--hg-text-soft: #78716c;
	--hg-accent: #E3643D;
	--hg-accent-strong: #C94E2A;
	--hg-accent-soft: #F0A080;
	--hg-accent-deep: #B84328;
	--hg-on-accent: #ffffff;
	--hg-border: rgba(28, 25, 23, 0.1);
	--hg-shadow: rgba(28, 25, 23, 0.08);
	--hg-header-text: #1c1917;
	--hg-header-sticky: rgba(250, 246, 244, 0.96);
	--hg-hero-bg: linear-gradient(135deg, #faf4f1 0%, #f3ebe7 45%, #eadfd9 100%);
	--hg-hero-text: #1c1917;
	--hg-hero-lead: rgba(28, 25, 23, 0.78);
	--hg-stats-bg: #1c1917;
	--hg-stats-label: rgba(255, 255, 255, 0.72);
	--hg-banner-bg: linear-gradient(135deg, #2a241c 0%, #1c1917 100%);
	--hg-banner-text: #ffffff;
	--hg-banner-lead: rgba(255, 255, 255, 0.75);
	--hg-footer-bg: #1c1917;
	--hg-card-bg: #ffffff;
	--hg-curve: #faf6f4;
	--hg-btn-outline: #E3643D;
}

@media (prefers-color-scheme: dark) {
	:root {
		--hg-bg: #0f0e0d;
		--hg-bg-elevated: #171513;
		--hg-bg-muted: #1a1714;
		--hg-surface: #1a1714;
		--hg-text: #f5f0e8;
		--hg-text-muted: #c4b8a8;
		--hg-text-soft: #a89884;
		--hg-accent: #F08A6A;
		--hg-accent-strong: #E3643D;
		--hg-accent-soft: #F5C4B0;
		--hg-accent-deep: #F0A080;
		--hg-on-accent: #ffffff;
		--hg-border: rgba(255, 255, 255, 0.1);
		--hg-shadow: rgba(0, 0, 0, 0.35);
		--hg-header-text: #f5f0e8;
		--hg-header-sticky: rgba(15, 14, 13, 0.96);
		--hg-hero-bg: linear-gradient(135deg, #0d0d0d 0%, #1a1512 45%, #2a1f18 100%);
		--hg-hero-text: #ffffff;
		--hg-hero-lead: rgba(255, 255, 255, 0.82);
		--hg-stats-bg: #0d0d0d;
		--hg-stats-label: rgba(255, 255, 255, 0.7);
		--hg-banner-bg: linear-gradient(135deg, #1a1512 0%, #0d0d0d 100%);
		--hg-banner-text: #ffffff;
		--hg-banner-lead: rgba(255, 255, 255, 0.75);
		--hg-footer-bg: #12100e;
		--hg-card-bg: #1a1714;
		--hg-curve: #0f0e0d;
		--hg-btn-outline: #F08A6A;
	}
}

html {
	background: var(--hg-bg);
}

body {
	background: var(--hg-bg) !important;
	color: var(--hg-text-muted) !important;
}

/* Logo */
.site-logo-link {
	display: inline-flex;
	align-items: center;
	text-decoration: none !important;
	max-width: none !important;
}

.site-logo {
	display: block;
	height: 52px;
	width: auto;
	max-width: 180px;
	object-fit: contain;
}

header#header {
	background: transparent;
}

header#header.sticky {
	background: var(--hg-header-sticky) !important;
	box-shadow: 0 1px 0 var(--hg-border) !important;
	backdrop-filter: blur(10px);
}

header#header .nav.navbar-nav > li > a {
	color: var(--hg-header-text) !important;
}

header#header .call-icon a,
header#header .call-icon .link-text {
	color: var(--hg-header-text) !important;
}

header#header .navbar-toggle {
	color: var(--hg-header-text);
}

header#header .navbar-toggle span,
header#header .navbar-toggle span:before,
header#header .navbar-toggle span:after {
	background: currentColor !important;
}

body:has(.page-banner) header#header:not(.sticky) .nav.navbar-nav > li > a {
	color: #fff !important;
}

body:has(.page-banner) header#header:not(.sticky) .navbar-toggle {
	color: #fff;
}

body:not(:has(.page-banner)) header#header:not(.sticky) .navbar-toggle {
	color: #fff;
}

@media (prefers-color-scheme: light) {
	body:not(:has(.page-banner)) header#header:not(.sticky) .navbar-toggle {
		color: var(--hg-header-text);
	}
}

header#header.sticky .navbar-toggle {
	color: var(--hg-header-text);
}

body:has(.page-banner) header#header:not(.sticky) .navbar-toggle span,
body:has(.page-banner) header#header:not(.sticky) .navbar-toggle span:before,
body:has(.page-banner) header#header:not(.sticky) .navbar-toggle span:after {
	background: currentColor !important;
}

@media (prefers-color-scheme: dark) {
	body:not(:has(.page-banner)) header#header:not(.sticky) .nav.navbar-nav > li > a {
		color: #fff !important;
	}
}

.headding-part .headding-title {
	color: var(--hg-text) !important;
}

.headding-part .headding-sub {
	color: var(--hg-accent-deep) !important;
}

.com-btn,
.table-book {
	background: var(--hg-accent) !important;
	border-color: var(--hg-accent) !important;
	color: var(--hg-on-accent) !important;
}

.com-btn:hover,
.table-book:hover {
	background: var(--hg-accent-strong) !important;
	border-color: var(--hg-accent-strong) !important;
	color: var(--hg-on-accent) !important;
}

.btn-green,
a.btn.btn-green {
	background: var(--hg-accent) !important;
	color: var(--hg-on-accent) !important;
	border: none !important;
}

.btn-green:hover,
a.btn.btn-green:hover {
	background: var(--hg-accent-strong) !important;
	color: var(--hg-on-accent) !important;
}

footer.site-footer {
	background: var(--hg-footer-bg) !important;
}

.site-footer__logo.site-logo-link .site-logo {
	height: 64px;
	max-width: 64px;
}

/* Theme overrides for old gold/orange accents */
a:hover { color: var(--hg-accent-deep); }
.top-scrolling a { background: var(--hg-accent) !important; color: var(--hg-on-accent) !important; }
.navbar-nav > li:hover > a,
.navbar-nav > li:focus > a { color: var(--hg-accent-soft) !important; }
.page-name:hover { color: var(--hg-accent-soft) !important; }
.form-control:focus { border-color: var(--hg-accent) !important; }