/* Custom Nerd Font */
@font-face {
  font-family: 'JetBrains Mono Nerd Font';
  src: url('./JetBrainsMonoNerdFont-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root { 
  color-scheme: light dark; 
}

html, body { 
  height: 100%; 
}

body { 
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial; 
}

/* Minimal prose styles for preview without plugins */
.md-preview { 
  line-height: 1.7; 
}

.md-preview h1, 
.md-preview h2, 
.md-preview h3, 
.md-preview h4 {
  font-weight: 600; 
  letter-spacing: -0.02em; 
  margin-top: 1.25em; 
  margin-bottom: 0.6em;
}

.md-preview h1 { 
  font-size: 2rem; 
}

.md-preview h2 { 
  font-size: 1.5rem; 
}

.md-preview h3 { 
  font-size: 1.25rem; 
}

.md-preview p, 
.md-preview ul, 
.md-preview ol, 
.md-preview blockquote { 
  margin: 0.6em 0; 
}

.md-preview ul, 
.md-preview ol { 
  padding-left: 1.25em; 
}

.md-preview blockquote {
  border-left: 3px solid rgba(125,125,125,.35); 
  padding-left: 1em; 
  color: rgba(125,125,125,1);
}

.md-preview pre { 
  background: rgba(17,17,17,.85); 
  color: #e5e7eb; 
  padding: 1rem; 
  border-radius: 0.5rem; 
  overflow: auto; 
  font-family: 'JetBrains Mono Nerd Font', 'Courier New', monospace;
}

.md-preview code { 
  background: rgba(125,125,125,.15); 
  padding: 0.15rem 0.35rem; 
  border-radius: 0.35rem; 
  font-family: 'JetBrains Mono Nerd Font', 'Courier New', monospace;
}

.toolbar-btn:active { 
  transform: translateY(1px); 
}

/* Hide default file input */
input[type="file"] { 
  display: none; 
}

/* Custom scrollbar for editor */
textarea::-webkit-scrollbar, 
.scrollbar-thin::-webkit-scrollbar { 
  width: 10px; 
  height: 10px; 
}

textarea::-webkit-scrollbar-thumb, 
.scrollbar-thin::-webkit-scrollbar-thumb {
  background: rgba(120,120,120,.35); 
  border-radius: 9999px;
}

textarea { 
  tab-size: 2; 
  font-family: 'JetBrains Mono Nerd Font', 'Courier New', monospace;
}