/*
 * THE BLACK HAND AUTOMOTIVE LLC — OFFICIAL MERCURY HERITAGE DESIGN SYSTEM
 * Version 1.1 • 2026-10-20 • Website release v474
 * Color values are practical, representative samples from the owner-approved
 * rendered logo; metallic gradients have no single exact solid-ink HEX value.
 * Rendered logo lettering stays unchanged; companion live fonts approximate its style.
 * Historical Mob Noir and spectral/neon palette/font themes are RETIRED for new use.
 */
:root, body.site-release-v28 {
  --bh-logo-obsidian: #050403;
  --bh-logo-carbon: #120D0B;
  --bh-logo-graphite: #211914;
  --bh-logo-antique-gold: #D1B48A;
  --bh-logo-gold-hover: #F0D2A5;
  --bh-logo-aged-bronze: #967854;
  --bh-logo-ivory: #F2E8D5;
  --bh-logo-silver: #CDC9BF;
  --bh-logo-oxblood: #63141F;
  --bh-logo-border: #56402C;
  --bh-logo-muted: #C4B8AA;
  --bh-script-font: 'Great Vibes','Snell Roundhand','Brush Script MT',cursive;
  --bh-engraved-font: 'BlackHandCinzel','Cinzel',Georgia,serif;
  --bh-editorial-font: 'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --bh-body-font: 'BHInter','Inter',Arial,Helvetica,sans-serif;
  --bh-label-font: 'BHOswald','Oswald','Arial Narrow',Arial,sans-serif;
  --bg: #050403 !important;
  --surface: #16110F !important;
  --text: #F2E8D5 !important;
  --muted: #C4B8AA !important;
  --accent: #D1B48A !important;
  --line: #56402C !important;
  --carbon: #050403 !important;
  --slate: #16110F !important;
  --silver: #CDC9BF !important;
  --amber: #D1B48A !important;
  --era-gold: #D1B48A !important;
  --era-ivory: #F2E8D5 !important;
  --era-burgundy: #63141F !important;
  --color-background: #050403 !important;
  --color-surface: #16110F !important;
  --color-surface-raised: #211914 !important;
  --color-primary: #D1B48A !important;
  --color-primary-hover: #F0D2A5 !important;
  --color-accent: #63141F !important;
  --color-text: #F2E8D5 !important;
  --color-text-muted: #C4B8AA !important;
  --color-border: #56402C !important;
  color-scheme: dark;
}

body.site-release-v28 {
  background: var(--bh-logo-obsidian) !important;
  color: var(--bh-logo-ivory) !important;
  font-family: var(--bh-body-font) !important;
  font-size: 16px;
  line-height: 1.67;
  -webkit-font-smoothing: antialiased;
}
body.site-release-v28 :is(main, .site-header, .site-footer) {
  --accent: var(--bh-logo-antique-gold) !important;
  --text: var(--bh-logo-ivory) !important;
  --muted: var(--bh-logo-muted) !important;
}
body.site-release-v28 .site-header {
  background: var(--bh-logo-carbon) !important;
  border-color: var(--bh-logo-aged-bronze) !important;
  box-shadow: 0 1px 0 #56402C !important;
}
body.site-release-v28 .site-footer {
  background: var(--bh-logo-carbon) !important;
  border-color: var(--bh-logo-aged-bronze) !important;
}
body.site-release-v28 .bar-disclosure {
  background: var(--bh-logo-graphite) !important;
  color: var(--bh-logo-ivory) !important;
  border-color: var(--bh-logo-aged-bronze) !important;
}
body.site-release-v28 .bar-disclosure :is(a,strong) { color: var(--bh-logo-ivory) !important; }
body.site-release-v28 .header-telemetry {
  background: var(--bh-logo-obsidian) !important;
  color: var(--bh-logo-muted) !important;
  border-color: var(--bh-logo-border) !important;
}
body.site-release-v28 .header-telemetry a { color: var(--bh-logo-antique-gold) !important; }
body.site-release-v28 .nav-shell nav a,
body.site-release-v28 .menu-button,
body.site-release-v28 main :is(.eyebrow,.hero-status-line,.bh-launch-notice) {
  font-family: var(--bh-label-font) !important;
  letter-spacing: .075em;
}
body.site-release-v28 .nav-shell nav a { color: var(--bh-logo-ivory) !important; }
body.site-release-v28 .nav-shell nav a:is(:hover,:focus-visible,[aria-current]) {
  color: var(--bh-logo-gold-hover) !important;
}
body.site-release-v28 main :is(h1,h2) {
  font-family: var(--bh-editorial-font) !important;
  color: var(--bh-logo-ivory) !important;
  font-weight: 600 !important;
  letter-spacing: -.018em !important;
  line-height: 1.12 !important;
}
body.site-release-v28 main :is(h3,h4),
body.site-release-v28 main .bh-storefront-heading {
  font-family: var(--bh-engraved-font) !important;
  color: var(--bh-logo-ivory) !important;
  font-weight: 700 !important;
  letter-spacing: .025em !important;
}
body.site-release-v28 .blackhand-home.storefront-home .hero-content h1 {
  font-family: var(--bh-editorial-font) !important;
  color: var(--bh-logo-ivory) !important;
  font-size: clamp(3.05rem, 5.6vw, 5.4rem) !important;
  line-height: 1.08 !important;
  text-shadow: 0 3px 24px rgba(0,0,0,.9) !important;
}
/* The script is decorative and confined to a concise hero accent. */
body.site-release-v28 .blackhand-home.storefront-home .hero-content h1 em {
  font-family: var(--bh-script-font) !important;
  font-size: 1.14em !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: .005em !important;
  line-height: 1.18 !important;
  color: var(--bh-logo-gold-hover) !important;
  text-shadow: 0 1px 0 #654323, 0 3px 24px rgba(0,0,0,.85) !important;
}
body.site-release-v28 main :is(p,li,dd,dt,blockquote) {
  font-family: var(--bh-body-font) !important;
  color: var(--bh-logo-muted);
  line-height: 1.68;
}
body.site-release-v28 main :is(strong,b) { color: var(--bh-logo-ivory) !important; }
body.site-release-v28 main a:not(.button):not(.btn):not(.brand-lockup) {
  color: var(--bh-logo-antique-gold);
  text-underline-offset: .2em;
}
body.site-release-v28 main a:not(.button):not(.btn):not(.brand-lockup):hover {
  color: var(--bh-logo-gold-hover);
}
body.site-release-v28 main :is(.button.primary,.btn.primary),
body.site-release-v28 main button.primary {
  background: var(--bh-logo-antique-gold) !important;
  color: var(--bh-logo-obsidian) !important;
  border-color: var(--bh-logo-antique-gold) !important;
  box-shadow: inset 0 1px 0 #F0D2A5, 0 4px 16px rgba(0,0,0,.25);
  font-family: var(--bh-label-font) !important;
  letter-spacing: .035em;
}
body.site-release-v28 main :is(.button.primary,.btn.primary,button.primary):is(:hover,:focus-visible) {
  background: var(--bh-logo-gold-hover) !important;
  color: var(--bh-logo-obsidian) !important;
  border-color: var(--bh-logo-gold-hover) !important;
}
body.site-release-v28 main :is(.button.secondary,.btn.secondary) {
  background: var(--bh-logo-carbon) !important;
  border-color: var(--bh-logo-aged-bronze) !important;
  color: var(--bh-logo-ivory) !important;
}
body.site-release-v28 main :is(.service-card,.card,.bh-service-card,.service-tile) {
  border-color: var(--bh-logo-border) !important;
  background-color: var(--bh-logo-carbon) !important;
}
body.site-release-v28 main :is(.bh-launch-notice,.bar-disclosure) {
  border-color: var(--bh-logo-aged-bronze) !important;
}
body.site-release-v28 :is(a,button,input,select,textarea):focus-visible {
  outline: 3px solid var(--bh-logo-gold-hover) !important;
  outline-offset: 3px !important;
}
/* Preserve certified identity, availability warnings, and already-adopted artwork. */
body.site-release-v28 .brand-lockup img { filter: none !important; }
@media(max-width:650px) {
 body.site-release-v28 .blackhand-home.storefront-home .hero-content h1 {
   font-size: clamp(2.55rem, 9.8vw, 3.7rem) !important;
 }
 body.site-release-v28 .blackhand-home.storefront-home .hero-content h1 em {
   font-size: 1.06em !important;
 }
}
@media(prefers-reduced-motion:reduce) {
 body.site-release-v28 :is(a,button) { transition: none !important; }
}

/* v1.1 — final mobile quick-action palette correction (no legacy bright red/blue). */
body.site-release-v28 .mobile-actionbar {
  background: rgba(5,4,3,.98) !important;
  border-top: 1px solid var(--bh-logo-aged-bronze) !important;
  box-shadow: 0 -4px 16px rgba(0,0,0,.65) !important;
}
body.site-release-v28 .mobile-actionbar a {
  background: var(--bh-logo-graphite) !important;
  color: var(--bh-logo-ivory) !important;
  border: 1px solid var(--bh-logo-aged-bronze) !important;
  font-family: var(--bh-label-font) !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}
body.site-release-v28 .mobile-actionbar a:nth-child(2) {
  background: var(--bh-logo-antique-gold) !important;
  color: var(--bh-logo-obsidian) !important;
  border-color: var(--bh-logo-gold-hover) !important;
}
body.site-release-v28 .mobile-actionbar a:last-child {
  background: var(--bh-logo-oxblood) !important;
  color: var(--bh-logo-ivory) !important;
  border-color: var(--bh-logo-aged-bronze) !important;
}
body.site-release-v28 .mobile-actionbar a:is(:focus-visible,:hover) {
  outline: 2px solid var(--bh-logo-gold-hover) !important;
  outline-offset: 1px !important;
}