/*
 * Authority Speaks — Brown Palette
 * Overrides the theme's gold accents with a navy + cognac brown system.
 *
 * Strategy: re-declare the theme's CSS custom properties at higher
 * specificity (html, body) so every existing var(--as-gold) reference
 * picks up the brown values. No selectors targeting individual elements.
 *
 * Palette:
 *   Navy (unchanged)        #0B1A3A   primary anchor
 *   Navy deep (unchanged)   #050d22   hero background
 *   Cognac (NEW gold)       #A0673D   primary accent — was #C9A24A
 *   Cognac soft (highlight) #C28C5D   was #E6C887
 *   Saddle (deeper brown)   #8B5A2B   for hover/active states
 *   Bone warm               #F5EFE5   slightly warmer cream for the brown family
 *   Cream warm              #EDE0CC   page accents
 */

html,
body,
:root {
	/* PRIMARY ACCENT — was gold, now cognac brown.
	   Every var(--as-gold) reference inherits this. */
	--as-gold:       #A0673D;
	--as-gold-soft:  #C28C5D;

	/* Page background — slightly warmer to harmonize with brown.
	   The original #FBF8F1 reads cool against brown; #F5EFE5 reads warm. */
	--as-bone:       #F5EFE5;
	--as-cream:      #EDE0CC;
	--as-cream-warm: #E3D2B8;

	/* Subtle line color — warm tinted instead of cool navy. */
	--as-line: rgba(140, 90, 50, 0.18);
}

/* ---------- Hover states get the deeper saddle brown ---------- */
a:hover,
a:focus-visible {
	color: #8B5A2B !important;
}

/* ---------- Primary buttons keep brown on navy contrast ---------- */
.as-btn--primary:hover,
.as-btn--primary:focus-visible {
	background: #8B5A2B !important;
	color: #FBF8F1 !important;
}

/* ---------- Hero badge — was gold-on-navy, now brown-on-navy ---------- */
.as-hero__badge {
	background: #A0673D !important;
	color: #F5EFE5 !important;
}

/* ---------- The italic emphasis spans in serif headlines ----------
   These rely on var(--as-gold) but reinforce here for safety. */
h1 em,
h2 em,
h3 em,
.as-pullquote em {
	color: #A0673D !important;
	font-style: italic;
}

/* ---------- Marquee stripe — uses cream-warm bg, gold accents ---------- */
.as-marquee em {
	color: #A0673D !important;
}

/* ---------- Topic card numbers — were gold mono ---------- */
.as-topic__num,
.eyebrow {
	color: #A0673D !important;
}

/* ---------- Pull quote section ---------- */
.as-pullquote {
	background: #050d22 !important;
}
.as-pullquote::before {
	color: #A0673D !important;
}

/* ---------- Booking section sidebar accents ---------- */
.as-book__detail-label {
	color: #A0673D !important;
}

/* ---------- Footer ----------
   Footer is dark navy; brown accents on dark must be the LIGHTER cognac
   (#C28C5D / cognac-soft) for legibility, not the deep cognac. */
.as-footer a:hover,
.as-footer h4 {
	color: #C28C5D !important;
}

/* ---------- Form focus rings — were gold ---------- */
.as-form input:focus,
.as-form select:focus,
.as-form textarea:focus {
	border-color: #A0673D !important;
	box-shadow: 0 0 0 3px rgba(160, 103, 61, 0.15) !important;
	outline: none;
}

/* ---------- Send button on dark — brown with cream text ---------- */
.as-form button[type="submit"],
.as-form .as-btn {
	background: #A0673D !important;
	color: #F5EFE5 !important;
	border-color: #A0673D !important;
}
.as-form button[type="submit"]:hover,
.as-form .as-btn:hover {
	background: #8B5A2B !important;
	border-color: #8B5A2B !important;
}

/* ---------- Hero scroll indicator ---------- */
.as-hero__scroll {
	color: rgba(194, 140, 93, 0.7) !important;
}

/* ---------- Reveal animation gold underline accents ---------- */
.as-section__eyebrow,
.as-credentials__symbol {
	color: #A0673D !important;
}

/* ---------- Selection color ---------- */
::selection {
	background: #A0673D;
	color: #F5EFE5;
}

/* ---------- Plugin's reel-play overlay (from fix-pack) — brown badge ---------- */
.asf-reel-play__label {
	background: #A0673D !important;
	color: #F5EFE5 !important;
}
