/* =====================================================================
   RONROV — skin "rovblog" (Journal Pink) · search-page.css
   ---------------------------------------------------------------------
   assets/css/search-page.css was deliberately written to resist skins:
   ~35 colours forced with !important under .sp-* — but almost all of
   them read from the private --sp-* token set declared on .sp-page.
   So the skin does not fight the !importants; it re-points the tokens
   at higher specificity (0-1-1 + 0-1-0 beats the file's 0-1-0) and the
   forced rules resolve to the new values by themselves.

   The page's own light look (white hero, soft greys) already sits well
   with this skin, so only the brand blues and the page ground move.
   ===================================================================== */

body[data-skin="rovblog"] .sp-page {
  --sp-bg: #F6F5F3;
  --sp-surface-soft: #F1F0EE;
  --sp-border: #E1DFDA;
  --sp-border-strong: #CFCCC6;
  --sp-text: #16181D;
  --sp-muted: #61646C;
  --sp-faint: #9A9DA6;
  --sp-primary: #D6207D;              /* AA-safe pink for text/small UI   */
  --sp-primary-hover: #DB1F80;
  --sp-primary-soft: rgba(255, 51, 153, 0.10);
  --sp-primary-ring: rgba(255, 51, 153, 0.22);

  font-family: var(--rb-font-body);
}

/* ---- Blog results band (added by the blog module) ----------------------- */

body[data-skin="rovblog"] .sp-posts {
  background: var(--rb-surface);
  border: 0;
  border-radius: var(--rb-r-md);
  box-shadow: var(--rb-sh-2);
}
body[data-skin="rovblog"] .sp-posts-title {
  font-family: var(--rb-font-display);
  font-weight: 400;
  color: var(--rb-ink);
}
body[data-skin="rovblog"] .sp-post:hover { background: var(--rb-surface-2); }
body[data-skin="rovblog"] .sp-post-media { border-radius: var(--rb-r-sm); background: var(--rb-surface-2); }
body[data-skin="rovblog"] .sp-post-meta { color: var(--rb-faint); }
body[data-skin="rovblog"] .sp-post-title { color: var(--rb-ink); }
body[data-skin="rovblog"] .sp-post:hover .sp-post-title { color: var(--rb-accent-ink); }
body[data-skin="rovblog"] .sp-post-ex { color: var(--rb-muted); }
body[data-skin="rovblog"] .sp-posts-all { color: var(--rb-accent-ink); text-decoration: none; }
body[data-skin="rovblog"] .sp-posts-all:hover { color: var(--rb-accent-hover); }
body[data-skin="rovblog"] .sp-post { text-decoration: none; }