/* =============================================
   THE BLONDE BYTE — Brand Style Guide CSS
   ============================================= */
/* --- Page Background & Body --- */
body, .wp-site-blocks, .site {
	background-color: #FAF6F0 !important;
	color: #1A1A1A;
	font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif;
	font-size: 15px;
	line-height: 1.6;
}

/* --- Headings --- */
h1, .wp-block-post-title, .entry-title {
	font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif;
	font-size: 28px;
	font-weight: 700;
	letter-spacing: -.02em;
	color: #1A1A1A;
}

h2 {
	font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif;
	font-size: 20px;
	font-weight: 600;
	color: #1A1A1A;
}

h3 {
	font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #1A1A1A;
}

/* --- Links --- */
a {
	color: #C9A260;
}

a:hover, a:focus, a:active {
	color: #C9A260;
	text-decoration: none;
}

/* --- Primary Buttons (Gold pill) --- */
.wp-block-button__link,
.wp-element-button {
	background-color: #C9A260 !important;
	color: #FAF6F0 !important;
	border-radius: 100px !important;
	border: none !important;
	font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif;
}

.wp-block-button__link:hover,
.wp-element-button:hover {
	background-color: #b8912f !important;
	color: #FAF6F0 !important;
}

/* --- Secondary Buttons (Gold outline pill) --- */
.wp-block-button.is-style-outline .wp-block-button__link {
	background-color: transparent !important;
	color: #C9A260 !important;
	border: 2px solid #C9A260 !important;
	border-radius: 100px !important;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background-color: #C9A260 !important;
	color: #FAF6F0 !important;
}

/* --- Tags & Labels (Lavender) --- */
.wp-block-post-terms a,
.entry-tag,
.tag-cloud-link,
.wp-block-tag-cloud a {
	background-color: #C4B0D8;
	color: #1A1A1A;
	border-radius: 100px;
	padding: 2px 12px;
	text-decoration: none;
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .08em;
}

/* --- Navigation --- */
.wp-block-navigation a,
.site-navigation a {
	color: #1A1A1A;
	text-decoration: none;
}

.wp-block-navigation a:hover,
.site-navigation a:hover {
	color: #C9A260;
}

/* --- Accent Label style --- */
.accent-label {
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .08em;
	color: #C9A260;
}