:root {
  --nn-ink: #183E39;
  --nn-muted: #52655F;
  --nn-green: #17634F;
  --nn-greenHover: #104F3E;
  --nn-lime: #D9F09A;
  --nn-paper: #F6F7F1;
  --nn-white: #FFFFFF;
  --nn-line: #DCE3D8;
  --nn-borderStrong: #70877A;
  --nn-amber: #8A551C;
  --nn-error: #A23435;
  --nn-focus: #17634F;
  --nn-font-heading: "Manrope", Arial, sans-serif;
  --nn-font-body: "DM Sans", Arial, sans-serif;
  --nn-radius-card: 16px;
  --nn-radius-control: 8px;
  --nn-space-unit: 4px;
}
/* Focus: 2px white separation + 3px forest outer ring. Never remove visible focus. */
:focus-visible { outline: 3px solid var(--nn-green); outline-offset: 3px; box-shadow: 0 0 0 3px #fff; }