/* PLACEHOLDER - replace when owner's brand is ready */

:root {
	--brand-primary: #1e2329;
	--brand-primary-dark: #121518;
	--brand-accent: #8f5a14;
	--brand-accent-dark: #7a4a0f;
	--brand-bg: #f8f6f0;
	--brand-bg-alt: #efeadf;
	--brand-surface: #ffffff;
	--brand-text: #1a1d20;
	--brand-muted: #5e656d;
	--font-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--radius: 4px;
	--shadow-card: 0 4px 12px rgba(18, 21, 24, 0.08);
}

/* Map brand variables onto Kadence's global palette. Placeholder until the owner's brand is ready. */
:root {
	--global-palette1: var(--brand-accent);
	--global-palette2: var(--brand-accent-dark);
	--global-palette3: var(--brand-primary);
	--global-palette4: var(--brand-text);
	--global-palette5: var(--brand-muted);
	--global-palette6: var(--brand-muted);
	--global-palette7: var(--brand-bg-alt);
	--global-palette8: var(--brand-bg);
	--global-palette9: var(--brand-surface);
}

/* Buttons */
button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	font-family: var(--font-body);
	background-color: var(--brand-primary);
	color: var(--brand-surface);
	border: 1px solid var(--brand-primary);
	border-radius: var(--radius);
	box-shadow: var(--shadow-card);
	cursor: pointer;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background-color: var(--brand-primary-dark);
	border-color: var(--brand-primary-dark);
	color: var(--brand-surface);
}

/* Links */
a {
	color: var(--brand-accent);
	transition: color 0.2s ease;
}

a:hover,
a:focus {
	color: var(--brand-primary);
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family: var(--font-heading);
	color: var(--brand-primary);
}