/* ==========================================================================
   KDFTek redesign v1 — per-card category theming (2026-10-03)
   Loaded AFTER redesign-v1-cards.css. Pairs with redesign-v1-cattheme.js,
   which stamps data-category="<slug>" on every .tool-tile from its .meta
   text ("<slug> · <section>" or bare "<slug>").
   Pure CSS. No SEO/AdSense impact (only custom properties + colors).
   ========================================================================== */

/* ---------- 1. Icon: force the 52px gradient tile in the card's color ----
   (0,2,0) beats the base single-class rules deterministically, so the
   category gradient always renders even if load order varies. Sizes stay
   owned by redesign-v1-cards.css (incl. the 40px mobile rule). */
.tool-tile[data-category] .tool-tile-icon{
  background:var(--cat-grad,linear-gradient(135deg,#22c55e,#16a34a));
  color:#fff;
}

/* ---------- 2. Per-card category accents --------------------------------
   Sets the four hooks redesign-v1-cards.css already consumes:
   icon gradient, meta pill, "Open tool →" link, hover hairline/border. */
.tool-tile[data-category="finance"]{--cat:var(--cat-finance,#16a34a);--cat-soft:var(--cat-finance-soft,#dcfce7);--cat-ink:var(--cat-finance-ink,#14532d);--cat-grad:var(--cat-finance-grad,linear-gradient(135deg,#22c55e,#16a34a))}
.tool-tile[data-category="datetime"]{--cat:var(--cat-datetime,#d97706);--cat-soft:var(--cat-datetime-soft,#fef3e2);--cat-ink:var(--cat-datetime-ink,#92400e);--cat-grad:var(--cat-datetime-grad,linear-gradient(135deg,#fbbf24,#d97706))}
.tool-tile[data-category="converter"]{--cat:var(--cat-converter,#7c3aed);--cat-soft:var(--cat-converter-soft,#ede9fe);--cat-ink:var(--cat-converter-ink,#5b21b6);--cat-grad:var(--cat-converter-grad,linear-gradient(135deg,#a78bfa,#7c3aed))}
.tool-tile[data-category="text"]{--cat:var(--cat-text,#ca8a04);--cat-soft:var(--cat-text-soft,#fef9c3);--cat-ink:var(--cat-text-ink,#854d0e);--cat-grad:var(--cat-text-grad,linear-gradient(135deg,#facc15,#ca8a04))}
.tool-tile[data-category="image"]{--cat:var(--cat-image,#4f46e5);--cat-soft:var(--cat-image-soft,#e6e8fd);--cat-ink:var(--cat-image-ink,#3730a3);--cat-grad:var(--cat-image-grad,linear-gradient(135deg,#818cf8,#4f46e5))}
.tool-tile[data-category="pdf"]{--cat:var(--cat-pdf,#dc2626);--cat-soft:var(--cat-pdf-soft,#fee2e2);--cat-ink:var(--cat-pdf-ink,#991b1b);--cat-grad:var(--cat-pdf-grad,linear-gradient(135deg,#f87171,#dc2626))}
.tool-tile[data-category="developer"]{--cat:var(--cat-developer,#0284c7);--cat-soft:var(--cat-developer-soft,#e0f2fe);--cat-ink:var(--cat-developer-ink,#075985);--cat-grad:var(--cat-developer-grad,linear-gradient(135deg,#38bdf8,#0284c7))}
.tool-tile[data-category="design"]{--cat:var(--cat-design,#c026d3);--cat-soft:var(--cat-design-soft,#fae8ff);--cat-ink:var(--cat-design-ink,#86198f);--cat-grad:var(--cat-design-grad,linear-gradient(135deg,#e879f9,#c026d3))}
.tool-tile[data-category="security"]{--cat:var(--cat-security,#1d4ed8);--cat-soft:var(--cat-security-soft,#dbe6fd);--cat-ink:var(--cat-security-ink,#1e40af);--cat-grad:var(--cat-security-grad,linear-gradient(135deg,#60a5fa,#1d4ed8))}
.tool-tile[data-category="productivity"]{--cat:var(--cat-productivity,#0d9488);--cat-soft:var(--cat-productivity-soft,#ccfbf1);--cat-ink:var(--cat-productivity-ink,#115e59);--cat-grad:var(--cat-productivity-grad,linear-gradient(135deg,#2dd4bf,#0d9488))}
.tool-tile[data-category="color"]{--cat:var(--cat-color,#e11d78);--cat-soft:var(--cat-color-soft,#fce7f1);--cat-ink:var(--cat-color-ink,#9d174d);--cat-grad:var(--cat-color-grad,linear-gradient(135deg,#f472b6,#e11d78))}