/* lab/styles.css
   Moved from inline styles in index.html
   Purpose: keep Silk text color site-wide for the lab pages,
   and restore play/pause icon visibility where needed.
*/

/* Preserve Silk text color and force it to override utility classes where needed */
body, body * {
  color: #BCB3A9 !important; /* Silk */
}

/* Keep bright accents (links, badges) readable */
a, button, .px-2, .bg-slate-800, .bg-slate-700 {
  color: inherit !important;
}

/* Restore play/pause icon color so the play button stays visible */
#websites-showroom .fa-play,
#websites-showroom .fa-pause,
#data-science .fa-play,
#data-science .fa-pause {
  color: rgba(255,255,255,0.7) !important; /* muted white */
}

/* Subtle outline + lift: outline and soft shadow for hero headline */
.max-w-2xl > h1 {
  /* Remove stroke and apply single-pixel dark outline via shadows */
  text-shadow: -1px -1px 0 rgba(0,0,0,0.65),
               1px -1px 0 rgba(0,0,0,0.65),
              -1px 1px 0 rgba(0,0,0,0.65),
               1px 1px 0 rgba(0,0,0,0.65) !important;
  -webkit-font-smoothing: subpixel-antialiased !important;
  -moz-osx-font-smoothing: auto !important;
  text-rendering: geometricPrecision !important;
  font-weight: 800 !important;
}