/* Shared Merovela palette. Keep document/image pixels and editor canvases intact. */
#merovela-navigation{display:block;position:relative;box-sizing:border-box;width:100%;margin:0;padding:0;background:#fbfcfa;color:#202b25;border-bottom:1px solid #d8e1da;font:500 14px/1.4 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:left}
#merovela-navigation .merovela-nav-inner{max-width:1280px;margin:0 auto;padding:0 32px;min-height:88px;display:flex;align-items:center;gap:28px;box-sizing:border-box}
#merovela-navigation a{display:inline-flex;align-items:center;min-height:44px;color:#236647;text-decoration:none;box-sizing:border-box;background:none;border:0}
#merovela-navigation a:hover{text-decoration:underline;text-underline-offset:4px}
#merovela-navigation a:focus-visible{outline:2px solid #236647;outline-offset:4px;border-radius:2px}
#merovela-navigation .merovela-brand{gap:10px;font-size:26px;font-weight:700;letter-spacing:-.03em;color:#202b25}
#merovela-navigation .merovela-brand span{color:#236647;margin-left:-10px}
#merovela-navigation svg{width:30px;height:30px;flex:none;color:#236647;stroke-linecap:round;stroke-linejoin:round}
#merovela-navigation .merovela-section{border-left:1px solid #d8e1da;padding-left:28px;font-size:16px}
#merovela-navigation .merovela-engine{margin-left:auto;font-size:12px;color:#56625b}
body.antialiased [data-simple-nav],body:has(.top-nav .logo-container)>.top-nav{display:none!important}
@media(max-width:600px){#merovela-navigation .merovela-nav-inner{padding:16px 22px;min-height:80px;gap:4px 18px;flex-wrap:wrap}#merovela-navigation .merovela-brand{font-size:24px}#merovela-navigation .merovela-section{padding-left:18px;font-size:14px}#merovela-navigation .merovela-engine{width:100%;margin-left:0;min-height:24px;font-size:11px}}

/* BentoPDF's existing utility classes: remap surfaces and accents, not previews. */
body.antialiased{background:#fbfcfa!important;color:#202b25!important;color-scheme:light}
body.antialiased :is(.bg-gray-900,.bg-gray-950){background-color:#fbfcfa!important}
body.antialiased :is(.bg-gray-800,.bg-gray-800\/50){background-color:#eef4ef!important}
body.antialiased :is(.bg-gray-700,.bg-gray-600){background-color:#e4ece5!important}
body.antialiased :is(.text-white,.text-gray-100,.text-gray-200){color:#202b25!important}
body.antialiased :is(.text-gray-300,.text-gray-400,.text-gray-500){color:#56625b!important}
body.antialiased :is(.border-gray-600,.border-gray-700,.border-gray-800){border-color:#d8e1da!important}
body.antialiased :is(.text-indigo-300,.text-indigo-400,.text-indigo-500,.text-purple-400,.text-blue-400){color:#236647!important}
body.antialiased :is(.bg-indigo-500,.bg-indigo-600,.bg-purple-600,.bg-blue-600){background-color:#236647!important;color:#fff!important}
body.antialiased :is(.bg-indigo-500,.bg-indigo-600,.bg-purple-600,.bg-blue-600) .text-white{color:#fff!important}
body.antialiased :is(.hover\:bg-gray-700,.hover\:bg-gray-800):hover{background-color:#dfeae1!important}
body.antialiased :is(.hover\:bg-indigo-700,.hover\:bg-indigo-500):hover{background-color:#194b34!important}
body.antialiased input::placeholder{color:#56625b!important;opacity:1}
body.antialiased :is(input,select,textarea){color-scheme:light}
body.antialiased [data-simple-nav]{background:#fbfcfa!important}

/* MAZANOKE exposes its palette as variables. One consistent theme across the site. */
html:has(.top-nav .logo-container){
 --color-primary:#236647!important;--color-primary-variant:#236647!important;--color-primary-hover:#194b34!important;--color-accent:#236647!important;
 --color-surface:#fbfcfa!important;--color-surface-variant:#fbfcfa!important;--color-surface-high:#eef4ef!important;--color-surface-higher:#e4ece5!important;--color-surface-higher-hover:#d8e5da!important;
 --color-on-surface:#202b25!important;--color-on-surface-high:#202b25!important;--color-on-surface-higher:#202b25!important;
 --color-border:#b1c1b4!important;--color-border-hover:#236647!important;--color-border-selected:#236647!important;
 --filter-invert:1!important;--subpage-shade-x-color:#fbfcfa!important;--surface-shade:linear-gradient(#eef4ef,#eef4ef)!important;
 color-scheme:light;
}
body:has(.top-nav .logo-container){background-image:none}
body:has(.top-nav .logo-container) .theme-switch-container{display:none}
body:has(.top-nav .logo-container) .body-tint-bottom{display:none}
/* Category headings use upstream custom classes instead of text utilities. */
body.antialiased :is(h1,h2,h3,h4){color:#202b25!important}
body.antialiased .tool-card{border-color:#d8e1da!important}
body.antialiased .category-header{color:#202b25!important}