/* ZAMA base typography and scale
   Headings: Montserrat Bold · Body: Open Sans */

body {
	background-color: var(--zama-white, #FFFFFF);
	font-family: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;
	font-size: 17px;
	line-height: 1.65;
	color: var(--zama-black, #1A1A1A);
}

h1, h2, h3, h4 {
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	color: var(--zama-navy, #0A1F44);
	line-height: 1.2;
}

h1 { font-size: 52px; }
h2 { font-size: 36px; }
h3 { font-size: 26px; }
h4 { font-size: 20px; }

@media (max-width: 768px) {
	h1 { font-size: 32px; }
	h2 { font-size: 28px; }
	h3 { font-size: 22px; }
}

a {
	color: var(--zama-navy, #0A1F44);
	transition: color 0.2s ease;
}

a:hover {
	color: var(--zama-gold, #C9A14A);
}

/* Editor palette utility classes (classic themes don't get these generated) */
.has-zama-navy-color  { color: var(--zama-navy) !important; }
.has-zama-gold-color  { color: var(--zama-gold) !important; }
.has-zama-lgray-color { color: var(--zama-lgray) !important; }
.has-zama-dgray-color { color: var(--zama-dgray) !important; }
.has-zama-black-color { color: var(--zama-black) !important; }
.has-zama-white-color { color: var(--zama-white) !important; }

.has-zama-navy-background-color  { background-color: var(--zama-navy) !important; }
.has-zama-gold-background-color  { background-color: var(--zama-gold) !important; }
.has-zama-lgray-background-color { background-color: var(--zama-lgray) !important; }
.has-zama-dgray-background-color { background-color: var(--zama-dgray) !important; }
.has-zama-black-background-color { background-color: var(--zama-black) !important; }
.has-zama-white-background-color { background-color: var(--zama-white) !important; }