/* Shared palette and controls for the menu and the configuration panel. */
:root {
  --pf-green:#23452e;
  --pf-green-hover:#355c3c;
  --pf-ink:#243c2c;
  --pf-muted:#68745f;
  --pf-paper:#fffdf8;
  --pf-cream:#f5f2e9;
  --pf-selected:#f0f6e9;
  --pf-line:#e1e6d7;
  --pf-gold:#bba465;
  --pf-radius:20px;
  --pf-field-radius:9px;
}
.pf-primary,.bundle-primary {
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:46px;padding:13px 17px;border:1px solid var(--pf-green);
  border-radius:var(--pf-field-radius);background:var(--pf-green);color:#fff;
  font-family:inherit;font-size:13px;font-weight:600;line-height:1.35;letter-spacing:0;text-transform:none;cursor:pointer;
  transition:background .15s,border-color .15s;
}
.pf-primary:hover:enabled,.bundle-primary:hover:enabled {background:var(--pf-green-hover);transform:none}
.pf-primary:disabled,.bundle-primary:disabled {background:#e8ecdf;border-color:var(--pf-line);color:#6a7563;cursor:not-allowed}
.pf-eyebrow {display:block;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--pf-muted)}
.pf-help {font-size:12px;line-height:1.7;color:var(--pf-muted);margin:8px 0 0;font-weight:400}
.pf-note {padding:16px 18px;background:var(--pf-cream);border:1px solid var(--pf-line);border-radius:12px;font-size:13px;line-height:1.7;color:var(--pf-muted)}
.pf-primary:focus-visible,.bundle-primary:focus-visible {outline:3px solid var(--pf-gold);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.pf-primary,.bundle-primary{transition:none}}