/* Minimal light palette used with Tailwind */
:root{
  --bg:#ffffff;
  --fg:#1a1a1a;
  --link:#2563eb;
  --accent:#7c3aed;
  --meta:#555555;
  --code:#f5f5f5;
  --font:"Libre Franklin","Segoe UI","Helvetica Neue",sans-serif;
}
body{font-family:var(--font)!important;background:var(--bg);color:var(--fg);}
.font-sans{font-family:var(--font)!important;}
*{box-sizing:border-box;}
a{color:var(--link);} a:hover{color:var(--accent);}
.tag{background:var(--code);padding:.25em .5em;border-radius:.25rem;color:var(--meta);font-size:.75rem;text-decoration:none;}
.meta{color:var(--meta);font-size:.875rem;}
main pre,main code{background:var(--code);padding:.2em .4em;border-radius:.25rem;font-family:monospace;color:#000;}
/* make article images interactive for lightbox */
article img{
  display:block;
  margin-block:1em;
  cursor:zoom-in;
  max-width:100%;
  height:auto;
}
.lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;}
.lightbox-overlay img{max-width:90%;max-height:90%;box-shadow:0 0 10px #000;width:auto;height:auto;}
.lightbox-prev,.lightbox-next{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff;font-size:2rem;padding:0 .5rem;cursor:pointer;user-select:none;}
.lightbox-prev{left:1rem;}
.lightbox-next{right:1rem;}
/* basic typography for posts */
article h1,article h2,article h3,article h4,article h5,article h6{
  margin-top:1.25em;margin-bottom:.75em;font-weight:600;
}
article h1{font-size:2rem;}
article h2{font-size:1.5rem;}
article h3{font-size:1.25rem;}
article h4{font-size:1.125rem;}
article h5{font-size:1rem;}
article h6{font-size:.875rem;}
article blockquote{border-left:4px solid var(--accent);padding-left:1em;margin:1em 0;color:var(--meta);font-style:italic;}
article table{width:100%;border-collapse:collapse;margin:1em 0;}
article th,article td{border:1px solid var(--meta);padding:.5em;}
article th{background:var(--code);}
article table tr:nth-child(even) td{background-color:rgba(0,0,0,.05);}
.pagination a{
  display:inline-block;
  margin:0 .25em;
  padding:.25em .5em;
  border-radius:.25rem;
  background:var(--code);
}
.pagination strong{margin:0 .25em;}
article iframe{margin-bottom:1em;}
article iframe[src*="youtube.com"],article iframe[src*="youtu.be"]{
  display:block;
  width:100% !important;
  aspect-ratio:16/9;
  height:auto !important;
  max-width:100%;
  margin-bottom:1em;
}
@media (max-width:600px){
  article iframe[src*="youtube.com"],article iframe[src*="youtu.be"]{max-height:60vh;}
}

/* Override Tailwind dark classes for light theme */
.bg-gray-900{background-color:var(--bg)!important;}
.bg-gray-800{background-color:#f3f4f6!important;}
.bg-gray-700{background-color:#e5e7eb!important;}
.text-gray-100{color:var(--fg)!important;}
.text-gray-400{color:#4b5563!important;}
.border-gray-700{border-color:#d1d5db!important;}
.text-blue-400{color:#2563eb!important;}
.hover\:text-purple-400:hover{color:#7c3aed!important;}
.bg-blue-800\/30{background-color:#dbeafe!important;}
.text-blue-200{color:#2563eb!important;}
.hover\:bg-gray-700:hover{background-color:#e5e7eb!important;}