:root {
  color-scheme: dark;
  --githook-coral: #ce6f4e;
  --githook-coral-bright: #ed9270;
  --githook-coral-soft: #f2b29a;
  --githook-ink: #31140c;
  --githook-panel: #8f422e;
  --githook-panel-deep: #6f2f21;
  --githook-line: #efad95;
  --githook-paper: #fff8f4;
  --githook-muted: #f7d7cb;
  --sr-bg: #ce6f4e;
  --sr-panel: #a84f36;
  --sr-raised: #98442f;
  --sr-line: #e79b80;
  --sr-line-bright: #f4b8a2;
  --sr-text: #fffaf7;
  --sr-soft: #ffe4da;
  --sr-mute: #f4cab9;
  --sr-blue: #fffaf7;
  --sr-green: #fffaf7;
  --sr-green-strong: #ffffff;
}

html,
body,
.sr-site {
  background: var(--githook-coral) !important;
  color: var(--githook-paper) !important;
}

body::selection,
.sr-site ::selection {
  color: var(--githook-paper);
  background: var(--githook-coral);
}

.sr-header {
  background: rgb(181 84 57 / 94%) !important;
  border-color: rgb(255 255 255 / 24%) !important;
}

.sr-brand {
  color: var(--githook-paper) !important;
}

.sr-brand .sr-mark {
  display: inline-block;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--githook-paper) 22%, transparent);
  border-radius: 10px;
  background: url("./githook-logo.png") center / cover no-repeat;
  box-shadow: 0 8px 30px #ce6f4e2b;
}

.sr-brand .sr-mark svg {
  display: none !important;
}

.brand-period,
.sr-eyebrow,
.nav-launch,
.hs-explore,
.hatch-navigation a:hover {
  color: var(--githook-coral-bright) !important;
}

.nav-core,
.site-more .nav-menu,
.sr-wallet,
.alerts-toggle {
  border-color: rgb(255 255 255 / 25%) !important;
  background-color: rgb(92 35 22 / 32%) !important;
}

.nav-core a.current,
.nav-core a[aria-current="page"] {
  color: var(--githook-paper) !important;
  background: rgb(255 255 255 / 15%) !important;
}

.sr-btn,
button,
input,
select,
textarea {
  border-color: rgb(255 255 255 / 30%);
}

.sr-primary,
.sr-btn-primary,
.launch-submit,
button[data-primary="true"] {
  color: var(--githook-coral) !important;
  border-color: #ffffff !important;
  background: #ffffff !important;
}

.hs-theatre,
.hs-chat,
.hs-plan,
.hs-source,
.life-directory,
.project-card,
.coin-card {
  border-color: rgb(255 255 255 / 24%) !important;
}

/* The logo's coral field is the site canvas. Darker coral surfaces retain
   hierarchy without reintroducing the previous black/blue visual system. */
.sr-main,
.sr-discover,
.hatch-new-hero,
.hatch-cinema-hero,
.hatch-story,
.hs-theatre {
  background-color: transparent !important;
}

.sr-panel,
.sr-truth,
.sr-search,
.sr-select,
.sr-icon-btn,
.sr-wallet,
.site-more .nav-menu,
.project-card,
.coin-card,
.life-room-card,
.hs-source,
.hs-agent,
.hs-chat,
.hs-plan,
.hs-life-links span {
  color: var(--githook-paper) !important;
  border-color: rgb(255 255 255 / 24%) !important;
  background-color: rgb(82 29 18 / 36%) !important;
}

.hs-plan,
.hs-chat,
.hs-living-mark {
  background-image: linear-gradient(145deg, rgb(130 54 35 / 90%), rgb(92 34 22 / 92%)) !important;
}

.sr-footer {
  color: var(--githook-muted) !important;
  border-color: rgb(255 255 255 / 22%) !important;
  background: #b65a3d !important;
}

.sr-header nav a,
.sr-footer,
.sr-footer p,
.sr-footer nav,
.sr-small,
.hs-caption p,
.hs-topline,
.hs-agent small,
.hs-source > span {
  color: var(--githook-muted) !important;
}

.sr-header nav a:hover,
.sr-header nav a.current,
.site-more summary:hover,
.sr-footer nav a:hover {
  color: #ffffff !important;
  background-color: rgb(255 255 255 / 12%) !important;
}

.hs-halo {
  background: radial-gradient(rgb(255 255 255 / 20%), transparent 66%) !important;
}

.hs-orbit,
.hs-connections path,
.hs-controls,
.hs-plan footer,
.hs-chat footer {
  border-color: rgb(255 255 255 / 18%) !important;
  color: rgb(255 255 255 / 48%) !important;
}

.hs-chat > header,
.hs-chat-line,
.hs-plan-steps > div,
.hs-source {
  border-color: rgb(255 255 255 / 18%) !important;
  background: rgb(78 27 17 / 34%) !important;
}

.hs-chat-avatar,
.hs-agent > span,
.hs-plan-top > span {
  color: #ffffff !important;
  border-color: rgb(255 255 255 / 24%) !important;
  background: rgb(255 255 255 / 10%) !important;
}

.hs-chat-line strong,
.hs-plan h3,
.hs-plan-steps strong,
.hs-source strong,
.hs-caption strong,
.hs-living h3 {
  color: #ffffff !important;
}

.hs-chat-line p,
.hs-plan > p,
.hs-plan footer,
.hs-chat footer,
.hs-living > p,
.hs-memory,
.hs-source > div:not(.hs-code-lines) {
  color: var(--githook-muted) !important;
}

.hs-code-lines i,
.hs-typing > i,
.hs-topline i,
.hs-steps button::before {
  background: #ffffff !important;
}

.hs-running-light {
  stroke: #ffffff !important;
}

.life-empty,
.boot-mission,
.boot-mission-controls,
.boot-mission select,
.sr-btn.sr-outline,
.boot-mission-ideas button,
.life-role-stamps span {
  color: var(--githook-paper) !important;
  border-color: rgb(255 255 255 / 24%) !important;
  background: rgb(82 29 18 / 34%) !important;
}

.boot-mission textarea {
  color: #ffffff !important;
  background: transparent !important;
}

.boot-mission textarea::placeholder,
.commons-hero-description,
.boot-hero-subtitle,
.life-empty p {
  color: var(--githook-muted) !important;
}

.boot-hero h1,
.boot-hero h1 span,
.life-empty h3 {
  color: #ffffff !important;
}

.sr-site input,
.sr-site select,
.sr-site textarea,
.cg-search,
.trending-summary,
.sr-btn:not(.sr-primary) {
  color: var(--githook-paper) !important;
  border-color: rgb(255 255 255 / 24%) !important;
  background-color: rgb(82 29 18 / 30%) !important;
}

.sr-site input::placeholder,
.sr-site textarea::placeholder {
  color: rgb(255 235 228 / 68%) !important;
}

.life-directory-controls label,
.agent-workflow-steps > span {
  color: var(--githook-paper) !important;
  border-color: rgb(255 255 255 / 24%) !important;
  background: rgb(82 29 18 / 30%) !important;
}

.agent-workflow-steps > span b {
  color: #ffffff !important;
}

/* Final monochrome brand pass: every surface stays inside the coral family,
   while all copy uses high-contrast warm whites. */
.nav-core,
.site-more .nav-menu,
.sr-wallet,
.alerts-toggle,
.sr-panel,
.sr-truth,
.sr-search,
.sr-select,
.sr-icon-btn,
.project-card,
.coin-card,
.life-room-card,
.life-empty,
.boot-mission,
.boot-mission-controls,
.boot-mission select,
.boot-mission-ideas button,
.life-role-stamps span,
.sr-site input,
.sr-site select,
.sr-site textarea,
.cg-search,
.trending-summary,
.sr-btn:not(.sr-primary),
.life-directory-controls label,
.agent-workflow-steps,
.agent-workflow-steps > span,
.boot-automation-card,
.boot-setup-main,
.boot-plan-summary,
.agent-builder,
.trending-empty,
.outreach-note,
.boot-setup-steps button,
.boot-setup-steps button > span {
  color: var(--githook-paper) !important;
  border-color: rgb(255 255 255 / 28%) !important;
  background-color: rgb(119 45 28 / 18%) !important;
  background-image: none !important;
}

.hs-source,
.hs-agent,
.hs-chat,
.hs-chat > header,
.hs-chat-line,
.hs-plan,
.hs-plan-steps > div,
.hs-life-links span,
.hs-living-mark {
  color: var(--githook-paper) !important;
  border-color: rgb(255 255 255 / 26%) !important;
  background-color: rgb(119 45 28 / 22%) !important;
  background-image: none !important;
}

.sr-main h1,
.sr-main h2,
.sr-main h3,
.sr-main h4,
.sr-main strong,
.sr-main b,
.sr-main label,
.sr-main legend {
  color: #ffffff !important;
}

.sr-main p,
.sr-main small,
.sr-main time,
.sr-main figcaption,
.sr-footer p,
.site-more .nav-menu > span {
  color: #ffe2d7 !important;
}

.sr-main span,
.sr-main i {
  color: inherit !important;
}

.sr-main a:not(.sr-primary),
.sr-main button:not(.sr-primary),
.sr-footer a,
.hatch-launch-button {
  color: #ffffff !important;
}

.sr-btn.sr-primary,
.sr-primary,
.sr-btn-primary,
.launch-submit,
button[data-primary="true"] {
  color: #9a432d !important;
  border-color: #ffffff !important;
  background: #ffffff !important;
}

.hs-topline,
.hs-topline small,
.hs-plan-top small,
.hs-living > small,
.hs-caption p,
.hs-memory,
.hs-steps button > span,
.hs-source > span,
.agents-local-note,
.cg-side-hint,
.hm-label,
.private-label {
  color: #ffe2d7 !important;
}

.boot-setup-steps button:disabled,
.sr-main button:disabled {
  opacity: 0.72 !important;
}

.sr-main input::placeholder,
.sr-main textarea::placeholder {
  color: rgb(255 235 228 / 78%) !important;
}

.sr-exact button,
.boot-agent-capabilities > span {
  color: #ffffff !important;
  border-color: rgb(255 255 255 / 28%) !important;
  background: rgb(119 45 28 / 18%) !important;
}

.source-note span,
.boot-source-note span,
.commons-source-note span,
.cg-result-line > span,
.hatch-scene-note span,
.sr-step > span {
  color: #ffe2d7 !important;
}

body :where(p, small, time, figcaption) {
  color: #ffe2d7 !important;
}

body :where(h1, h2, h3, h4, strong, b, label, legend) {
  color: #ffffff !important;
}

body span,
body i {
  color: inherit !important;
}

body .boot-source-note > span {
  color: #ffe2d7 !important;
}

body .commons-source-note > span {
  color: #ffe2d7 !important;
}

body .sr-btn.sr-primary,
body .sr-primary {
  color: #9a432d !important;
}

/* Discovery and directory components had their own legacy near-black skin. */
.ds-feature,
.sr-board.scope-discovery,
.sr-project-card,
.discover-media-card {
  color: #ffffff !important;
  border-color: rgb(255 255 255 / 30%) !important;
  background-color: #b95b3f !important;
  background-image: none !important;
  box-shadow: 0 18px 42px rgb(111 43 26 / 12%) !important;
}

.ds-feature-copy,
.sr-project-card > :not(.repo-preview),
.discover-media-card > :not(.repo-preview) {
  background-color: transparent !important;
}

.ds-feature .repo-preview,
.sr-project-card .repo-preview {
  border-color: rgb(255 255 255 / 24%) !important;
  background-color: #a84f36 !important;
}

.dc-interests button,
.ds-signal-strip button,
.ds-signal-strip details > div,
.scope-discovery .sr-btn:not(.sr-primary),
.scope-discovery .sr-search,
.scope-discovery .sr-select,
.scope-discovery input,
.scope-discovery select,
.scope-discovery .follow-repository,
.scope-discovery .unfinished-evidence,
.scope-discovery .scope-metric,
.scope-discovery .discovery-source-record {
  color: #ffffff !important;
  border-color: rgb(255 255 255 / 28%) !important;
  background-color: rgb(119 45 28 / 18%) !important;
  background-image: none !important;
}

.dc-interests button[aria-pressed="true"],
.ds-signal-strip button[aria-pressed="true"] {
  color: #9a432d !important;
  border-color: #ffffff !important;
  background: #ffffff !important;
}

.ds-feature-copy > footer,
.ds-project-row,
.ds-signal-strip,
.sr-board-title,
.sr-card-bottom {
  border-color: rgb(255 255 255 / 24%) !important;
}

.ds-label,
.ds-project-row small,
.ds-project-row p,
.ds-project-row div > span,
.dc-interests > span,
.dc-interests small,
.scope-discovery .scope-result-count,
.scope-discovery .discover-card-description {
  color: #ffe2d7 !important;
}

.ds-feature h3 a,
.ds-project-row h3,
.scope-discovery h2,
.scope-discovery h3,
.scope-discovery strong {
  color: #ffffff !important;
}

.scope-discovery button:not(.sr-primary),
.ds-feature button,
.discover-builder-row button,
.discover-builder-contacts button,
.repo-preview-index,
.repo-preview-pages {
  color: #ffffff !important;
  border-color: rgb(255 255 255 / 30%) !important;
  background-color: rgb(119 45 28 / 32%) !important;
  background-image: none !important;
}

.scope-discovery button[aria-pressed="true"] {
  color: #9a432d !important;
  border-color: #ffffff !important;
  background: #ffffff !important;
}

.nav-x {
  display: inline-grid !important;
  place-items: center;
  width: 40px;
  height: 40px;
  padding: 0 !important;
  color: #ffffff !important;
  border: 1px solid rgb(255 255 255 / 28%);
  border-radius: 8px !important;
  background: rgb(119 45 28 / 18%);
}

.nav-x:hover {
  color: #9a432d !important;
  border-color: #ffffff !important;
  background: #ffffff !important;
}

.nav-x svg {
  width: 17px;
  height: 17px;
}

/* Replace every legacy hatching/egg emblem with the new Githook mark. */
.hatch-symbol {
  overflow: hidden !important;
  border-radius: 22% !important;
  background: url("./githook-logo.png") center / cover no-repeat !important;
  filter: drop-shadow(0 12px 24px rgb(81 29 17 / 25%));
}

.hatch-symbol path,
.hatch-symbol circle,
.hatch-symbol rect,
.hatch-symbol polygon,
.hatch-symbol line {
  opacity: 0 !important;
}

.hs-egg {
  aspect-ratio: 1;
  height: auto !important;
}

.hs-egg > svg {
  display: none !important;
}

.hs-egg::before {
  content: "";
  position: absolute;
  inset: 7%;
  border: 1px solid rgb(255 255 255 / 35%);
  border-radius: 22%;
  background: url("./githook-logo.png") center / cover no-repeat;
  box-shadow: 0 28px 65px rgb(77 25 14 / 28%);
  transition: opacity 0.3s ease, transform 0.45s ease;
}

.hatch-story[data-stage="1"] .hs-egg::before {
  opacity: 0;
  transform: scale(0.75);
}

.hs-born-mark,
.hs-living-mark {
  border-radius: 22% !important;
  background-color: var(--githook-coral) !important;
}

.hs-born-mark .hatch-symbol,
.hs-living-mark .hatch-symbol,
.preview-overview-mark .hatch-symbol {
  width: 100% !important;
  height: 100% !important;
}

.hs-egg-aura,
.hs-living-mark > span {
  border-color: rgb(255 255 255 / 18%) !important;
  background: rgb(255 255 255 / 8%) !important;
}

.hs-steps button,
.hs-playback button,
.hs-explore,
.sr-eyebrow,
.brand-period,
.nav-launch {
  color: #ffffff !important;
}

@media (max-width: 720px) {
  .sr-brand .sr-mark {
    width: 32px;
    height: 32px;
    flex-basis: 32px;
    border-radius: 8px;
  }
}

/* Official contract announcement: one consistent source of truth on every page. */
.githook-ca-bar {
  border-bottom: 1px solid rgb(255 255 255 / 22%);
  background: #b95b3f;
}

.githook-ca-inner {
  min-height: 50px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 14px;
}

.githook-ca-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #ffffff !important;
  letter-spacing: 0.12em;
  font: 700 10px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.githook-ca-label i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 0 0 4px rgb(255 255 255 / 12%);
}

.githook-ca-value {
  overflow: hidden;
  padding: 8px 12px;
  border: 1px solid rgb(255 255 255 / 25%);
  border-radius: 7px;
  background: rgb(119 45 28 / 18%);
  color: #ffffff !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  font: 600 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.githook-ca-status {
  color: #ffe2d7 !important;
  font-size: 11px;
}

.githook-ca-copy {
  min-height: 32px;
  padding: 7px 11px;
  border: 1px solid #ffffff !important;
  border-radius: 7px;
  background: #ffffff !important;
  color: #9a432d !important;
  font-size: 11px;
  font-weight: 700;
}

.githook-ca-copy:disabled {
  border-color: rgb(255 255 255 / 25%) !important;
  background: rgb(119 45 28 / 18%) !important;
  color: #ffe2d7 !important;
  opacity: 1 !important;
  cursor: default;
}

@media (max-width: 720px) {
  .githook-ca-inner {
    grid-template-columns: auto 1fr;
    gap: 8px 10px;
    padding-block: 9px;
  }

  .githook-ca-value {
    order: 3;
    grid-column: 1 / -1;
    width: 100%;
  }

  .githook-ca-status {
    text-align: right;
  }

  .githook-ca-copy {
    display: none;
  }
}