/* ===== Modern site background (subtle, clean) ===== */
body{
  background:
    radial-gradient(900px 380px at 10% -10%, rgba(124,58,237,.14), transparent 60%),
    radial-gradient(900px 360px at 90% -20%, rgba(59,130,246,.12), transparent 60%),
    linear-gradient(#0b0f1c, #0a0f1e);
}
html[data-theme="light"] body{
  background:
    radial-gradient(900px 380px at 10% -10%, rgba(124,58,237,.08), transparent 60%),
    radial-gradient(900px 360px at 90% -20%, rgba(59,130,246,.06), transparent 60%),
    linear-gradient(#ffffff, #f7fafc);
}

/* ===== Toolbar buttons (unchanged if you already added) ===== */
.btn-lite{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  padding:6px 10px;border-radius:10px;font-weight:600;font-size:13px;
}
.btn-select{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  padding:6px 8px;border-radius:10px;font-weight:600;font-size:13px;
}
html[data-theme="light"] .btn-lite,
html[data-theme="light"] .btn-select{ background:#fff;border-color:#e5e7eb;color:#0f172a; }

/* ===== Word editor “paper” so pasted black text is visible ===== */
.whc-paper{
  background:#ffffff;
  color:#0f172a;
  border-top:1px solid rgba(2,6,23,.08);
  border-bottom:1px solid rgba(2,6,23,.08);
}
.whc-paper:empty:before{ content:attr(data-placeholder); color:#64748b; }
.whc-paper a{ color:#2563eb; text-decoration:underline; }

/* HTML gutter width stays stable */
#gutter{ min-width:48px; }