/***
Five Stars & A Moon — brand overrides for the HeWo template.
Layered after main.css/responsive.css so the vendor files stay untouched
and easy to diff against upstream if the template is ever updated.

Palette:
	--fsam-crimson       accent / links / hover states (was #e5633f)
	--fsam-crimson-deep  accent hover/active
	--fsam-gold          secondary accent: Five Stars & Night Shift sections
	--fsam-ink           near-black used for the wordmark
***/

:root {
	--fsam-crimson: #A32A38;
	--fsam-crimson-deep: #7E1E2A;
	--fsam-gold: #B9872C;
	--fsam-ink: #15141C;
}

/* ---- primary accent (replaces #e5633f everywhere it was used) ---- */
a:focus,
a:hover,
.top_bar .social a:hover i,
.post_meta span a:hover,
.alith_post_content_big_caption a:hover,
a.link-active,
.sticky .alith_post_title a {
	color: var(--fsam-crimson);
}
.alith_tagg:hover,
.alith_tagg:focus {
	background: var(--fsam-crimson);
}

/* ---- wordmark: FIVE STARS & A MOON ---- */
.header .logo,
.bottom-logo p.logo {
	letter-spacing: 0.01em;
}
.logo .amp {
	color: var(--fsam-crimson);
	font-style: italic;
	font-family: 'Playfair Display', serif;
}
.logo .moon {
	color: var(--fsam-gold);
}
.header .tagline,
.bottom-logo .tagline {
	color: var(--fsam-crimson);
	letter-spacing: 0.16em;
}

/* ---- section-color hooks (used on specific category labels/tags) ---- */
.post_meta_categories_label.cat-gold {
	background: var(--fsam-gold);
}
.post_meta_categories_label.cat-crimson {
	background: var(--fsam-crimson);
}
.meta_categories a.gold,
.rcard-tag.gold {
	color: var(--fsam-gold);
}

::selection {
	background: var(--fsam-crimson);
	color: #fff;
}
::-moz-selection {
	background: var(--fsam-crimson);
	color: #fff;
}

/* ---- footer credit line ---- */
.coppyright .tpl-credit {
	display: block;
	opacity: 0.55;
	font-size: 0.85em;
	margin-top: 4px;
}