/* Contrast pass: hover must change fill, not just opacity. */
a.bg-bhv-primary,
button.bg-bhv-primary {
  color: #04231d;
}
a.bg-bhv-primary:hover,
button.bg-bhv-primary:hover {
  background-color: var(--bhv-primary-alt) !important;
  color: #04231d !important;
  opacity: 1 !important;
}
a.bg-bhv-primary:active,
button.bg-bhv-primary:active {
  background-color: #00796b !important;
  color: #04231d !important;
}
a.bg-bhv-primary:focus-visible,
button.bg-bhv-primary:focus-visible {
  outline: 2px solid var(--bhv-primary-alt);
  outline-offset: 3px;
}
/* Ghost / secondary pills */
a.inline-flex.rounded-full.border:hover,
button.inline-flex.rounded-full.border:hover {
  border-color: var(--bhv-primary);
  color: var(--bhv-primary);
}
::selection {
  background: var(--bhv-primary-alt);
  color: #04231d;
}


/* Caveat: quiet, not nav */
.caveat-line {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.02em;
  text-transform: none;
  color: #9a9486;
}
.caveat-line span {
  color: inherit;
}
.light .caveat-line {
  color: #6b6558;
}


/* Court mark: never stretch */
.hj-mark,
.bhv-logo-island img {
  width: 36px !important;
  height: 36px !important;
  max-width: 36px;
  aspect-ratio: 1 / 1;
  object-fit: contain !important;
  object-position: center;
  flex-shrink: 0;
}

/* Regal pass: gold hairlines, bone type, wood/marble. Teal is a LIVE lamp only. */
:root {
  --bhv-bg: #0b0a08;
  --bhv-bg-alt: #12100c;
  --bhv-surface: #16130e;
  --bhv-surface2: #1c1812;
  --bhv-primary: #c4a35a;
  --bhv-primary-alt: #e4c98a;
  --bhv-accent: #c4a35a;
  --bhv-accent-deep: #8a7340;
  --bhv-text: #f3eee4;
  --bhv-text-muted: #b7ad9a;
  --bhv-text-dim: #7a7164;
  --bhv-border: #c4a35a22;
  --bhv-border-md: #c4a35a38;
  --bhv-glass-bg: #100e0bd9;
  --bhv-gold: #c4a35a;
  --bhv-amber: #c4a35a;
  --bhv-pink: #c4a35a;
  --bhv-grid: #c4a35a0c;
}
html.light {
  --bhv-bg: #f3eee4;
  --bhv-bg-alt: #ebe4d6;
  --bhv-surface: #faf6ee;
  --bhv-surface2: #efe7d8;
  --bhv-primary: #8a7340;
  --bhv-primary-alt: #6b5a32;
  --bhv-accent: #8a7340;
  --bhv-accent-deep: #5c4a24;
  --bhv-text: #1a1610;
  --bhv-text-muted: #4a4336;
  --bhv-text-dim: #7a7164;
  --bhv-border: #8a734028;
  --bhv-border-md: #8a734040;
  --bhv-glass-bg: #faf6eeeb;
  --bhv-gold: #8a7340;
  --bhv-amber: #8a7340;
  --bhv-pink: #8a7340;
  --bhv-grid: #8a734014;
}
html, body, #root {
  background: #0b0a08 !important;
  color: #f3eee4;
}
html.light, html.light body, html.light #root {
  background: #f3eee4 !important;
  color: #1a1610;
}
/* Primary pills: bone on gold, not mint */
a.bg-bhv-primary,
button.bg-bhv-primary {
  background-color: #c4a35a !important;
  color: #1a1610 !important;
}
a.bg-bhv-primary:hover,
button.bg-bhv-primary:hover {
  background-color: #e4c98a !important;
  color: #1a1610 !important;
}
/* LIVE lamp may stay teal */
.live, [data-live], .bhv-live {
  color: #2ee6c6;
}
/* Opinion paper: serif, gold rules */
.opinion-page {
  font-family: "Century Schoolbook", Palatino, Georgia, "Times New Roman", serif;
  color: #f0e6d2;
}
.opinion-page img[alt*="seal"],
.opinion-page header img {
  width: 7.5rem !important;
  height: 7.5rem !important;
  object-fit: contain !important;
  border-radius: 50%;
  box-shadow: none !important;
  background: transparent !important;
}

/* Light-mode mark / seal / story swaps */
html.light img[src="/hackerjudge-mark.png"],
html.light img.hj-mark {
  content: url("/hackerjudge-mark-light.png");
}
html.light img[src="/seal.png"],
html.light .opinion-page header img {
  content: url("/seal-light.png");
}
html.light img[src="/story/rewind.png"] { content: url("/story/rewind.png"); }
.story-plate { width: 100%; border: 1px solid #c4a35a44; display: block; margin: 1.2rem 0; }
html.light .story-plate { border-color: #8a734044; }