/**
 * Kashmir Nuts & Berries — Site-Wide Global Overrides
 * Loaded across all pages to map WoodMart's --wd-* tokens to KNB brand system.
 * Palette: Beige · Brown · Purple · Chocolate Brown
 */

:root {
	/* Map WoodMart core theme colors to KNB Purple, Beige, Brown & Chocolate Brown system */
	--wd-primary-color:       #4c1c46 !important; /* Royal Kashmir Purple */
	--wd-primary-color-hover: #2e1329 !important; /* Dark Plum */
	--wd-alternative-color:   #6e4937 !important; /* Rich Walnut Brown */
	--wd-title-color:         #2b1b17 !important; /* Deep Chocolate Brown */
	--wd-text-color:          #2b1b17 !important; /* Deep Chocolate Brown */
	--wd-link-color:          #6e4937 !important; /* Rich Walnut Brown */
	--wd-link-color-hover:    #4c1c46 !important; /* Royal Kashmir Purple */

	/* WoodMart fonts */
	--wd-title-font: "Cormorant Garamond", "Times New Roman", Georgia, serif !important;
	--wd-text-font:  "DM Sans", system-ui, sans-serif !important;

	/* WoodMart form heights & radiuses */
	--wd-brd-radius: 0.75rem !important;
	--wd-form-brd-radius: 0.75rem !important;
}

/* Site-wide body canvas */
body,
body.website-wrapper,
.main-page-wrapper {
	background-color: var(--knb-cream) !important;
	color: var(--knb-chocolate-brown) !important;
	font-family: var(--knb-font-sans);
}

/* High-specificity heading overrides */
h1, h2, h3, h4, h5, h6,
.entry-title,
.wd-entities-title,
.product-title {
	font-family: var(--knb-font-serif);
	color: var(--knb-chocolate-brown);
}

/* Site-wide scroll behavior — set to auto to prevent Lenis scroll jitter on desktop/laptop */
html {
	scroll-behavior: auto !important;
}

html.lenis,
html.lenis body {
	height: auto;
}

.lenis.lenis-smooth {
	scroll-behavior: auto !important;
}

.lenis.lenis-stopped {
	overflow: hidden;
}


/* Global scrollbar styling */
::-webkit-scrollbar {
	width: 10px;
}

::-webkit-scrollbar-track {
	background: var(--knb-cream);
}

::-webkit-scrollbar-thumb {
	background: var(--knb-beige-dark);
	border-radius: 5px;
	border: 2px solid var(--knb-cream);
}

::-webkit-scrollbar-thumb:hover {
	background: var(--knb-purple);
}

/* Selection highlight */
::selection {
	background: rgba(var(--knb-purple-rgb), 0.3);
	color: var(--knb-cream);
}