@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;700&display=swap');
:root{--bg:#fdf9f3;--text:#1a1a1a;--accent:#36648b;--accent2:#c18426;--code-bg:#f5f5f5}
[data-theme=dark]{--bg:#0b1929;--text:#e1e1e1;--accent:#7bb7eb;--accent2:#e0aa3e;--code-bg:#1c2a3a}
body{margin:0;font-family:'Lora',serif;background:var(--bg);color:var(--text);line-height:1.6;padding:2rem}
.container{max-width:700px;margin:auto}
h1{margin:0;color:var(--accent);font-size:2rem}
h2{color:var(--accent);font-size:1.25rem;margin-top:2rem}
a{color:var(--accent2);text-decoration:none;border-bottom:1px solid transparent}
a:hover{border-bottom-color:var(--accent2)}
.theme-toggle{position:fixed;top:1rem;right:1rem;background:var(--accent);color:var(--bg);border:0;border-radius:50%;width:32px;height:32px;cursor:pointer}
code,pre{font-family:monospace;background:var(--code-bg);border-radius:4px}
pre{padding:1rem;overflow:auto}
/* chroma */
.chroma{color:var(--text)}.chroma .kw{color:var(--accent)}.chroma .st{color:var(--accent2)}.chroma .co{color:#75715e;font-style:italic}.chroma .op{color:#e05c6d}.chroma .fu{color:#2a8f5c}

/* TIL card styles */
.til-card{background:var(--code-bg);border:1px solid rgba(0,0,0,0.1);border-radius:6px;padding:1rem;margin:1rem 0;box-shadow:0 1px 2px rgba(0,0,0,0.05)}
.til-card h2{margin-top:0}
.til-date{color:#666;font-size:.875rem;margin:0 0 .5rem}