/* ============================================================
   portal-normalize.css   (v2)
   Load LAST. SAFE, NON-STRUCTURAL ONLY.
   v1 forced padding/border onto .product-card / .card, which broke
   the image-grid cards and squished the scroll images. Those rules
   are removed. This version only does: one token set, black text,
   teal buttons (vote/waitlist untouched), and a visible favorite star.
   It does NOT touch card padding, size, or layout.
   ============================================================ */

:root{
  --primary:#489BAD; --primary-dark:#347f8d; --primary-soft:#eef8fa; --primary-soft-2:#f6fbfc;
  --ink:#10252d; --line:#cfe0e5; --line-soft:#e7eff2; --bg:#f6f9fa; --panel:#ffffff; --orange:#e7762a;
  --body:Figtree,Arial,sans-serif; --head:"Libre Baskerville",Georgia,serif;
  --ease:cubic-bezier(.2,.7,.3,1);
}

/* ---- contrast: darken body copy to black (no layout impact) ---- */
.product-card .body p, .compact-desc, .hub-nav-desc,
.lesson-content, .tool-card p, .what, p.sub{ color:#000 !important; }
/* the very-light grey "muted" text everywhere -> readable near-black */
.muted, .compact-desc, .product-access-head p, .bundle-text p{ color:#1d2b30 !important; }

/* ---- buttons teal (waitlist/vote/interest controls left alone) ---- */
.btn.primary, a.btn.primary, .tk-feature-cta{
  background:var(--primary) !important; color:#fff !important; border:1px solid var(--primary) !important;
}
.btn.primary:hover, a.btn.primary:hover{ background:var(--primary-dark) !important; border-color:var(--primary-dark) !important; }
/* explicitly DO NOT restyle: .dl-vote, .product-interest, .dl-interest, waitlist toggles */

/* ---- favorite star: make it actually visible ---- */
.product-card .fav-toggle, .product-card .favorite-toggle, .product-card .star,
.fav-star, [data-fav-toggle], button[aria-label*="avorite"], button[aria-label*="in"]{
  opacity:1 !important;
}
.product-card .fav-toggle svg, .product-card .star svg, .fav-star svg,
[data-fav-toggle] svg{
  stroke:var(--primary) !important; stroke-width:2 !important;
}
.product-card .fav-toggle[aria-pressed="true"] svg, .star[aria-pressed="true"] svg,
[data-fav-toggle][aria-pressed="true"] svg, .product-card.faved .star svg{
  fill:var(--primary) !important; stroke:var(--primary) !important;
}