/* Shared hover system for code.html and sweep.html.
   Linked after each page's own styles so these rules win.
   Hover rules only. Every color is read from the existing pages.

   Nothing on these pages functions. Hover feedback on everything that looks
   interactive is what shows the stillness is intentional.

   Transitions sit on the base selector, not the :hover selector, so the
   change eases in and out at the same 150ms. They set no visual property,
   so nothing changes at rest. Each one names only the property that moves,
   which also narrows the wider transitions the pages declare. */


/* ----------------------------------------------------------------
   Hairline-bordered elements: border goes to the near-black text
   color. Nothing else changes.
   ---------------------------------------------------------------- */

.card,
.upload-card,
.agent-search-box,
.panel-ask-box,
.panel-score-block,
.table-search-input,
.toolbar-select,
.btn-secondary,
.stat-pill,
.stage-capsule:not(.active) {
  transition: border-color 150ms ease;
}

.card:hover,
.upload-card:hover,
.agent-search-box:hover,
.panel-ask-box:hover,
.panel-score-block:hover,
.table-search-input:hover,
.toolbar-select:hover,
.btn-secondary:hover,
.stat-pill:hover,
.stage-capsule:not(.active):hover {
  border-color: var(--ink);
  cursor: pointer;
}

/* The pointer has to carry across the inputs inside the agent boxes,
   or it reverts to a text caret over most of the box. */
.agent-search-box:hover .agent-input,
.panel-ask-box:hover .panel-ask-input {
  cursor: pointer;
}

/* The pages also move a second property on these two. Hold each at its
   rest value so the border is the only thing that changes. */
.btn-secondary:hover {
  background: #FFFFFF;
}

.stage-capsule:not(.active):hover {
  color: var(--ink-muted);
}


/* ----------------------------------------------------------------
   Accent-filled elements: brightness only. Same size, same radius.
   ---------------------------------------------------------------- */

.agent-send-btn,
.btn-accent,
.pill-tier.tier-hot {
  transition: filter 150ms ease;
}

.agent-send-btn:hover,
.btn-accent:hover,
.pill-tier.tier-hot:hover {
  filter: brightness(0.9);
  cursor: pointer;
}

/* The pages darken these by swapping the fill to the hover accent. Hold the
   rest fill so the brightness filter is the whole of the change. */
.agent-send-btn:hover,
.btn-accent:hover {
  background: var(--accent);
}


/* ----------------------------------------------------------------
   Sweep hero prompts: text goes to the accent.
   ---------------------------------------------------------------- */

.sweep-prompt {
  transition: color 150ms ease;
}

.sweep-prompt:hover {
  color: var(--accent);
  cursor: pointer;
}


/* ----------------------------------------------------------------
   Rail: inactive items take the tint the active item already carries.
   Text stays as it is. The active item has no hover change, so it is
   excluded rather than restated.
   ---------------------------------------------------------------- */

.nav-item:not(.active) {
  transition: background-color 150ms ease;
}

.nav-item:not(.active):hover {
  background-color: rgba(184, 93, 25, 0.15);
  color: #A3B1C6;
  cursor: pointer;
}


/* ----------------------------------------------------------------
   Deliberately absent, and not to be added later:

   Table rows keep the page's own hover exactly as written, and the
   selected row holds its tint through it.
   The selected stage capsule has no hover change.
   Breadcrumb, wordmark, rail footer counter, section labels, body
   prose and the footer line have no hover.
   ---------------------------------------------------------------- */