/* Base grid styles for light themes (including emerald) */
html:not([data-theme="forest"]) .notepad-grid {
  background: linear-gradient(to bottom, transparent 19px, #ececec 20px),
    linear-gradient(to right, transparent 19px, #ececec 20px);
  background-size: 20px 20px;
  background-color: #fafafa;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  border: 1px solid #f0f0f0;
}

/* Dark mode styles */
html[data-theme="forest"] .notepad-grid {
  background: linear-gradient(to bottom, transparent 19px, #23272b 20px),
    linear-gradient(to right, transparent 19px, #23272b 20px);
  background-size: 20px 20px;
  background-color: #181a20;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  border: 1px solid #23272b;
}