/* TapFix — theme layer (loaded after each page's inline styles).
   1) new app icon as header logo   2) neutral monochrome re-skin (no blue)
   3) light modern polish. */

/* header logo = real app icon (old gradient TF/AI box removed) */
.logo{
  background:#000 url("logo.png") center/cover no-repeat !important;
  color:transparent !important; overflow:hidden;
}
.logo small{display:none !important}

/* ---- neutral palette: remove the blue, monochrome 2026 ---- */
:root{
  --bg:#fafafa; --surface:#ffffff; --surface-2:#f4f4f5; --card:#ffffff;
  --text:#18181b; --muted:#71717a; --line:#e6e6e9;
  --accent:#18181b; --accent-2:#3f3f46; --accent2:#3f3f46; --accent-soft:#f4f4f5;
}
@media (prefers-color-scheme:dark){
  :root{
    --bg:#0a0a0a; --surface:#161617; --surface-2:#1b1b1e; --card:#161617;
    --text:#fafafa; --muted:#a1a1aa; --line:#2a2a2e;
    --accent:#fafafa; --accent-2:#d4d4d8; --accent2:#d4d4d8; --accent-soft:#1c1c1f;
  }
}

/* flat black (light) / white (dark) accent buttons */
.btn.primary,.contact{background:var(--accent) !important;color:var(--bg) !important;border-color:transparent !important;box-shadow:0 10px 30px rgba(0,0,0,.14) !important}
/* keep official store badges legible on both themes */
.gp-badge{border:1px solid var(--line) !important}
.soon-tag{background:var(--accent) !important;color:var(--bg) !important}

/* ---- light modern polish: subtle motion + smoothing ---- */
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.btn{transition:transform .15s ease, box-shadow .15s ease, background .15s ease}
.btn:hover{transform:translateY(-1px)}
.card,.panel{transition:transform .18s ease, box-shadow .18s ease}
.card:hover,.panel:hover{transform:translateY(-2px)}