/* Paperclip native shell readability pass. Loaded into the proxied Paperclip app. */
html {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body,
button,
input,
textarea,
select {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
}

main,
main p,
main span,
main div,
main a,
main button,
main label,
main li,
main td,
main th,
[role="main"],
[role="main"] p,
[role="main"] span,
[role="main"] div,
[role="main"] a,
[role="main"] button,
[role="main"] label,
[role="main"] li {
  font-size: max(15px, 1em) !important;
  line-height: 1.55 !important;
}

aside,
aside a,
aside button,
nav,
nav a,
nav button,
[role="navigation"],
[role="navigation"] a,
[role="navigation"] button {
  font-size: 15px !important;
  line-height: 1.4 !important;
}

[role="tab"],
[role="tab"] *,
[role="button"],
button {
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

input,
textarea,
select {
  min-height: 38px;
  font-size: 15px !important;
}

h1,
[class*="text-2xl"],
[class*="text-xl"] {
  font-size: 22px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
}

h2,
h3,
[class*="text-lg"] {
  font-size: 18px !important;
  line-height: 1.3 !important;
  font-weight: 650 !important;
}

small,
.text-xs,
[class*="text-xs"] {
  font-size: 14px !important;
  line-height: 1.45 !important;
}

.text-sm,
[class*="text-sm"] {
  font-size: 15px !important;
  line-height: 1.5 !important;
}

/* Light mode polish for native Paperclip surfaces. */
html:not(.dark) body {
  background: #f8fafc !important;
  color: #111827 !important;
}

html:not(.dark) main,
html:not(.dark) [role="main"] {
  color: #111827 !important;
}

html:not(.dark) aside,
html:not(.dark) nav,
html:not(.dark) header {
  border-color: #e2e8f0 !important;
}

html:not(.dark) [class*="border"] {
  border-color: #d7e0ea !important;
}

html:not(.dark) [class*="bg-slate-950"],
html:not(.dark) [class*="bg-slate-900"],
html:not(.dark) [class*="bg-gray-950"],
html:not(.dark) [class*="bg-gray-900"],
html:not(.dark) [class*="bg-zinc-950"],
html:not(.dark) [class*="bg-zinc-900"] {
  background-color: #ffffff !important;
  color: #111827 !important;
}

html:not(.dark) [class*="text-slate-100"],
html:not(.dark) [class*="text-slate-200"],
html:not(.dark) [class*="text-gray-100"],
html:not(.dark) [class*="text-gray-200"],
html:not(.dark) [class*="text-zinc-100"],
html:not(.dark) [class*="text-zinc-200"] {
  color: #111827 !important;
}

html:not(.dark) [class*="text-slate-400"],
html:not(.dark) [class*="text-gray-400"],
html:not(.dark) [class*="text-zinc-400"] {
  color: #64748b !important;
}

html:not(.dark) article,
html:not(.dark) section,
html:not(.dark) [class*="card"],
html:not(.dark) [class*="Card"] {
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}

/* Keep injected custom sidebar aligned with the larger native UI. */
#pc-custom-nav a,
#pc-theme-toggle {
  font-size: 15px !important;
  line-height: 1.35 !important;
}