/* KumiForm Studio / Neutral site-wide design tokens, v0.3.96. */
body.kumiform-neutral-site{
 --kf-color-white:#ffffff;
 --kf-color-canvas:#ffffff;
 --kf-color-surface:#ffffff;
 --kf-color-surface-soft:#f6f7f8;
 --kf-color-ink:#202124;
 --kf-color-text:#383b40;
 --kf-color-muted:#565b61;
 --kf-color-subtle:#6f747a;
 --kf-color-line:#dfe2e5;
 --kf-color-accent:#42464b;
 --kf-color-accent-hover:#1f2226;
 --kf-color-focus:#737a82;
 --kf-color-shadow:rgba(24,27,31,.065);
 background-color:var(--kf-color-canvas);
 color:var(--kf-color-ink);
}
/* WordPress block theme: use neutral typography, separators and basic controls. */
body.kumiform-neutral-site :where(.wp-site-blocks,.wp-block-post-content){
 color:var(--kf-color-text);
}
body.kumiform-neutral-site :where(.wp-site-blocks,.wp-block-post-content) :is(h1,h2,h3,h4,h5,h6){
 color:var(--kf-color-ink);
}
body.kumiform-neutral-site :where(.wp-site-blocks,.wp-block-post-content) :is(p,li){
 color:var(--kf-color-text);
}
body.kumiform-neutral-site :where(.wp-site-blocks,.wp-block-post-content) :is(hr,.wp-block-separator){
 border-color:var(--kf-color-line);
}
body.kumiform-neutral-site :where(.wp-site-blocks,.wp-block-post-content) :is(.wp-block-button__link,button[type="submit"],input[type="submit"]){
 background:var(--kf-color-accent);border-color:var(--kf-color-accent);
 color:#fff;
}
body.kumiform-neutral-site :where(.wp-site-blocks,.wp-block-post-content) .wp-block-button.is-style-outline .wp-block-button__link{
 background:#fff;color:var(--kf-color-ink);border-color:var(--kf-color-line);
}
body.kumiform-neutral-site :where(.wp-site-blocks,.wp-block-post-content) :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select){
 background:#fff;color:var(--kf-color-ink);border-color:var(--kf-color-line);
}
body.kumiform-neutral-site :where(a,button,input,select,textarea):focus-visible{
 outline-color:var(--kf-color-focus);
}
/* Specific interactive Designer components should consume --kf-color-* tokens.
   Avoid global * color overrides: they would affect CAD guides, swatches and preview images. */

/* v0.3.98 — Apply neutral typography to independently rendered pages.
   In v0.3.97 the tokens existed but the other plugins' selectors (and fixed
   colors) took precedence. These rules intentionally affect text only;
   do not recolor product previews, swatches, 3D layers or SVG geometry. */
body.kumiform-neutral-site :is(main,.wp-site-blocks,.wp-block-post-content,.entry-content)
  :is(h1,h2,h3,h4,h5,h6) {
  color:var(--kf-color-ink) !important;
}
body.kumiform-neutral-site :is(main,.wp-site-blocks,.wp-block-post-content,.entry-content)
  :is(p,li) {
  color:var(--kf-color-text) !important;
}
/* Body copy often lives in independent plugin labels and spans rather than p. */
body.kumiform-neutral-site :is(main,.wp-site-blocks,.wp-block-post-content,.entry-content)
  :is(small,.wp-block-post-excerpt__excerpt,.wp-block-site-tagline) {
  color:var(--kf-color-muted) !important;
}
/* Keep light-on-dark buttons readable when plugins put a p inside a button. */
body.kumiform-neutral-site :is(.wp-block-button__link,.button-primary,.btn-primary)
  :is(p,span,small) {
  color:inherit !important;
}
/* Independent Card Configurator / KumiForm Manager: these variables are used
   for its UI. Do NOT override --primary, --secondary, --ground, or product
   ornament fills: they also describe the product's actual materials. */
body.kumiform-neutral-site .kfm-studio-app {
  --ink:var(--kf-color-ink);
  --muted:var(--kf-color-muted);
  --line:var(--kf-color-line);
  --soft:var(--kf-color-surface-soft);
  --soft-2:#eff0f2;
  --brand:var(--kf-color-accent);
  color:var(--kf-color-text);
}
body.kumiform-neutral-site .kfm-studio-app
  :is(.eyebrow,.kicker,.muted,.pill,.navlinks,.studio-title span,
      .hero-copy,.how-demo-caption,.feature-num,.card-label) {
  color:var(--kf-color-muted) !important;
}
body.kumiform-neutral-site .kfm-studio-app
  :is(.logo,.studio-title strong,.section-head h2,.feature-card h3) {
  color:var(--kf-color-ink) !important;
}
/* Other KumiForm creator pages: common explanatory headings and labels.
   Only typography is changed, no layout, canvas or swatch properties. */
body.kumiform-neutral-site :is(.kfb-app,.kfb-board-app,.kumiform-board-app,
                               .kf-board-app,.kumiform-board-designer,
                               .kumiform-board-creator,[data-kfb-app])
  :is(.eyebrow,.kicker,.section-label,.caption,.subheading,.helper-text,.muted) {
  color:var(--kf-color-muted) !important;
}
/* Neutral border on ordinary non-editorial controls; leave interactive CAD
   guides, selection overlays and manufacturing warnings untouched. */
body.kumiform-neutral-site .kfm-studio-app :is(.icon-btn,.pill,.view-tabs){
  border-color:var(--kf-color-line);
}
